/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

a,
h1,
h2,
h3,
h4,
h5,
h6,
{
font-family: Arial (sans-serif);
}


body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: arial (sans-serif);
    font-size: 1em
}

a {
    /* background-color: #ffffff */
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

*,
*:before,
*:after {
    box-sizing: border-box
}

::-moz-selection {
    background: rgba(var(--color-foreground), .2)
}

::selection {
    background: rgba(var(--color-foreground), .2)
}

html {
    font-size: calc(var(--font-body-scale)*62.5%)
}

body {
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight-bold);
    font-size: var(--font-body-mobile-size, 1.5rem);
    line-height: calc(1 + .8/var(--font-body-scale));
    letter-spacing: 0;
    background: rgb(var(--color-background));
    background: var(--gradient-background);
    color: rgba(var(--color-foreground), .75)
}

@media (min-width: 576px) {
    body {
        font-size: var(--font-body-desktop-size, 1.6rem)
    }
}

html,
body {
    height: auto !important
}

.link,
a {
    text-decoration: none
}

a:not([href]) {
    cursor: default
}

.xo-fix-mt-collapse:before {
    content: "";
    display: block;
    overflow: auto
}

.xo-reset {
    all: revert;
    box-sizing: border-box;
    font-family: var(--font-body-family);
    color: rgba(var(--color-foreground), .75);
    line-height: calc(1 + .8/var(--font-body-scale))
}

#xo-root {
    overflow: hidden;
    overflow: clip;
    display: flow-root
}

.section+.section {
    margin-top: var(--spacing-sections-mobile)
}

@media (min-width: 768px) {
    .section+.section {
        margin-top: var(--spacing-sections-desktop)
    }
}

*:focus-visible {
    outline: .2rem solid rgb(var(--color-accent, var(--color-foreground, #000)));
    outline-offset: -.2rem;
    box-shadow: none
}

.xo-visually-hidden {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    word-wrap: normal !important
}

.xo-visually-hidden--inline {
    margin: 0;
    height: 1em
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: top
}

img:not([src]) {
    display: block;
    opacity: 0
}

@-moz-document url-prefix() {
    img:-moz-loading {
        visibility: hidden
    }
}

p {
    margin: 0
}

.xo-visually-hidden {
    position: absolute !important;
    overflow: hidden;
    width: .1rem;
    height: .1rem;
    margin: -.1rem;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    word-wrap: normal !important
}

.xo-skip-to-content {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1rem 1.5rem;
    background: rgb(var(--color-accent-1));
    color: rgba(var(--color-foreground), .75);
    font-size: 1.6rem
}

.xo-skip-to-content:focus {
    z-index: 9999;
    position: inherit;
    overflow: auto;
    width: auto;
    height: auto;
    clip: auto
}

.xo-content {
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight-bold);
    font-size: var(--font-body-mobile-size, 1.5rem);
    line-height: calc(1 + .8/var(--font-body-scale))
}

.xo-content p {
    margin-bottom: 1rem
}

.xo-content img[style*="float:left"],
.xo-content img[style*="float: left"] {
    margin-inline-end: 2rem
}

.xo-content img[style*="float:right"],
.xo-content img[style*="float: right"] {
    margin-inline-start: 2rem
}

.xo-content blockquote {
    padding: .3rem 0 .3rem 1.5rem;
    border-left: .3rem solid rgb(var(--color-accent-1));
    font-size: 1.8rem;
    font-style: italic;
    margin: 2rem 3rem
}

.xo-content figcaption {
    display: block;
    text-align: center;
    margin: .5rem 0
}

.xo-content figure {
    margin-left: 0;
    margin-right: 0
}

.xo-content table {
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    border: .1rem solid rgba(var(--color-foreground), .3);
    box-shadow: none;
    caption-side: bottom
}

.xo-content table th {
    font-weight: 600;
    text-align: left;
    padding: 1.5rem;
    border: .1rem solid rgba(var(--color-foreground), .3);
    color: rgb(var(--color-foreground));
    font-family: var(--font-body-family);
    font-weight: 500
}

.xo-content table td {
    padding: 1.5rem;
    border: .1rem solid rgba(var(--color-foreground), .3)
}

.xo-scrollbar {
    --width: 10px;
    --scrollbar-track-color: transparent;
    --scrollbar-thumb-color: rgba(var(--color-foreground), .2);
    --scrollbar-thumb-color-hover: rgba(var(--color-foreground), .4);
    --scrollbar-thumb-padding: 2px;
    --scrollbar-radius: 5px;
    overflow-x: hidden;
    overflow-y: auto
}

@-moz-document url-prefix() {
    .xo-scrollbar {
        scrollbar-color: rgba(var(--color-foreground), .4) rgba(var(--color-foreground), .4);
        scrollbar-width: thin
    }
}

.xo-scrollbar::-webkit-scrollbar {
    width: var(--width)
}

.xo-scrollbar::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track-color);
    border-radius: var(--scrollbar-radius)
}

.xo-scrollbar::-webkit-scrollbar-thumb {
    background-color: #0000;
    border: var(--scrollbar-thumb-padding) solid rgba(0, 0, 0, 0);
    border-radius: var(--scrollbar-radius);
    background-clip: padding-box;
    background-color: var(--scrollbar-thumb-color)
}

.xo-scrollbar:hover::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-color-hover)
}

.xo-bleed-offset-left,
.xo-bleed-offset-right {
    --xo-bleed-offset: ((100vw - var(--xo-container-width)) / 2 + var(--xo-container-gap));
    width: max(100% + var(--xo-container-gap), 100% + var(--xo-bleed-offset))
}

.xo-bleed-offset-right {
    margin-inline-start: min(var(--xo-container-gap)*-1, var(--xo-bleed-offset)*-1)
}

.xo-bleed {
    --xo-bleed-offset: ((100vw - var(--xo-container-width)) / 2 + var(--xo-container-gap));
    --xo-bleed-left: min(calc(var(--xo-container-gap) * -1), calc(var(--xo-bleed-offset) * -1));
    --xo-bleed-width: max(calc(100% + var(--xo-container-gap)), calc(100% + var(--xo-bleed-offset)));
    --xo-bleed-width-mobile-container: 100%;
    --xo-bleed-width-mobile-full: calc(100% + var(--xo-container-gap) * 2)
}

.xo-bleed__left,
.xo-bleed__right {
    position: relative;
    z-index: 9;
    height: 100%
}

.xo-bleed__left .xo-bleed__item,
.xo-bleed__right .xo-bleed__item {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none;
    width: var(--xo-bleed-width)
}

.xo-bleed__left .xo-bleed__item {
    margin-inline-start: var(--xo-bleed-left)
}

.xo-color-twitter {
    color: #1da1f2
}

.xo-background-twitter {
    background-color: #1da1f2
}

.xo-color-facebook {
    color: #4267b2
}

.xo-background-facebook {
    background-color: #4267b2
}

.xo-color-pinterest {
    color: #e60023
}

.xo-background-pinterest {
    background-color: #e60023
}

.xo-color-instagram {
    color: #e1306c
}

.xo-background-instagram {
    background-color: #e1306c
}

.xo-color-tiktok {
    color: #000
}

.xo-background-tiktok {
    background-color: #000
}

.xo-color-tumblr {
    color: #001935
}

.xo-background-tumblr {
    background-color: #001935
}

.xo-color-snapchat {
    color: #fffc00
}

.xo-background-snapchat {
    background-color: #fffc00
}

.xo-color-youtube {
    color: red
}

.xo-background-youtube {
    background-color: red
}

.xo-color-vimeo {
    color: #1ab7ea
}

.xo-background-vimeo {
    background-color: #1ab7ea
}

.xo-success {
    background-color: #3f8843;
    color: #fff;
    font-size: 1.4rem;
    padding: .2rem 1.2rem
}

.xo-warning {
    background-color: #fba11a;
    color: #fff;
    font-size: 1.4rem;
    padding: .2rem 1.2rem
}

.xo-error {
    background-color: #ce2c2c;
    color: #fff;
    font-size: 1.4rem;
    padding: .2rem 1.2rem
}

.xo-success:empty,
.xo-warning:empty,
.xo-error:empty {
    display: none
}

[class*=xo-line-] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.xo-line-1 {
    -webkit-line-clamp: 1
}

.xo-line-2 {
    -webkit-line-clamp: 2
}

.xo-line-3 {
    -webkit-line-clamp: 3
}

.xo-line-4 {
    -webkit-line-clamp: 4
}

.xo-embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.xo-embed-responsive:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.xo-embed-responsive iframe,
.xo-embed-responsive video,
.xo-embed-responsive .xo-embed-responsive__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.xo-pfs {
    --min-size: 10;
    --max-size: 60;
    --min-viewport: 100;
    --max-viewport: 1200;
    --m: (var(--max-size) - var(--min-size)) / (var(--max-viewport) - var(--min-viewport));
    --b: var(--min-size) - var(--m);
    --size: clamp(calc(var(--min-size) * 1px), calc(var(--m) * 100vw + var(--min-size) * 1px - var(--m) * var(--min-viewport) * 1px), calc(var(--max-size) * 1px))
}

.xo-stack {
    display: flex;
    flex-direction: var(--dir, var(--direction));
    flex-wrap: var(--wrap);
    row-gap: calc(var(--row-gap, var(--gap))/10*1rem);
    -moz-column-gap: calc(var(--col-gap, var(--gap))/10*1rem);
    column-gap: calc(var(--col-gap, var(--gap))/10*1rem);
    align-items: var(--ai, var(--align-items));
    justify-content: var(--jc, var(--justify-content))
}

@media (max-width: 767px) {
    .xo-stack {
        row-gap: calc(var(--row-gap-mobile, var(--gap-mobile))/10*1rem);
        -moz-column-gap: calc(var(--col-gap-mobile, var(--gap-mobile))/10*1rem);
        column-gap: calc(var(--col-gap-mobile, var(--gap-mobile))/10*1rem)
    }
}

:root {
    --xo-container-width: var(--page-width, 1400px);
    --xo-container-gap: var(--page-gap, 20px);
    --xo-grid-col-gap: var(--grid-mobile-horizontal-spacing, 30px);
    --xo-grid-row-gap: var(--grid-mobile-vertical-spacing, 30px)
}

@media (min-width: 576px) {
    :root {
        --xo-grid-col-gap: var(--grid-desktop-horizontal-spacing, 15px);
        --xo-grid-row-gap: var(--grid-desktop-vertical-spacing, 15px)
    }
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

h1,
.h1 {
    font-size: calc(var(--font-heading-scale)*3rem)
}

@media (min-width: 576px) {

    h1,
    .h1 {
        font-size: calc(var(--font-heading-scale)*4rem)
    }
}

h2,
.h2 {
    font-size: calc(var(--font-heading-scale)*2rem)
}

@media (min-width: 576px) {

    h2,
    .h2 {
        font-size: calc(var(--font-heading-scale)*2.4rem)
    }
}

h3,
.h3 {
    font-size: calc(var(--font-heading-scale)*2rem)
}

@media (min-width: 576px) {

    h3,
    .h3 {
        font-size: calc(var(--font-heading-scale)*1.8rem)
    }
}

h4,
.h4 {
    font-size: calc(var(--font-heading-scale)*1.5rem)
}

h5,
.h5 {
    font-size: calc(var(--font-heading-scale)*1.2rem)
}

@media (min-width: 576px) {

    h5,
    .h5 {
        font-size: calc(var(--font-heading-scale)*1.3rem)
    }
}

h6,
.h6 {
    font-size: calc(var(--font-heading-scale)*1.1rem)
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: var(--font-heading-family);
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);
    color: rgb(var(--color-foreground));
    line-height: calc(1 + .3/max(1, var(--font-heading-scale)));
    word-break: break-word;
    margin: 0;
    margin-bottom: 1rem;
    text-transform: none
}

.xo-table {
    width: 100%;
    border-collapse: collapse
}

.xo-table tr {
    padding-top: 2.2rem;
    padding-bottom: 2.2rem
}

.xo-table th,
.xo-table td {
    text-align: left;
    padding-top: 2.2rem;
    padding-bottom: 2.2rem
}

.xo-table th:last-child,
.xo-table td:last-child {
    text-align: right;
    padding-inline-end: 2rem
}

.xo-table td {
    color: rgba(var(--color-foreground), .7)
}

.xo-table td:last-child {
    color: rgba(var(--color-foreground))
}

.xo-table__head-row {
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase;
    color: rgba(var(--color-foreground), .3);
    border-top: .1rem solid rgba(var(--color-foreground), .15);
    border-bottom: .1rem solid rgba(var(--color-foreground), .15)
}

.xo-table__body-row {
    border-bottom: .1rem solid rgba(var(--color-foreground), .15)
}

@media (max-width: 600px) {

    .xo-table,
    .xo-table tbody,
    .xo-table tfoot,
    .xo-table tr,
    .xo-table th,
    .xo-table td {
        display: block
    }

    .xo-table thead {
        display: none
    }

    .xo-table td {
        display: flex;
        gap: 2rem;
        justify-content: space-between
    }

    .xo-table td:before {
        content: attr(data-th) ": ";
        float: left;
        text-transform: uppercase;
        color: rgba(var(--color-foreground))
    }
}

.flex {
    display: flex
}

.flex-h {
    display: flex;
    flex-direction: row
}

.flex-v {
    display: flex;
    flex-direction: column
}

.flwrap {
    flex-wrap: wrap
}

.jc-center {
    justify-content: center
}

.ai-center {
    align-items: center
}

.gap-5 {
    gap: .5rem
}

.gap-10 {
    gap: 1rem
}

.gap-15 {
    gap: 1.5rem
}

.gap-20 {
    gap: 2rem
}

.hide {
    display: none
}

.show {
    display: block
}

.full-width {
    display: block;
    width: 100%
}

.mb-10 {
    margin-bottom: 1rem
}

.mb-20 {
    margin-bottom: 2rem
}

.mb-30 {
    margin-bottom: 3rem
}

.mt-10 {
    margin-top: 1rem
}

.mt-20 {
    margin-top: 2rem
}

.mt-30 {
    margin-top: 3rem
}

.list-unstyled {
    list-style: none;
    padding: 0;
    margin: 0
}

.abs {
    position: absolute
}

.rel {
    position: relative
}

.t-0 {
    top: 0
}

.b-0 {
    bottom: 0
}

.l-0 {
    left: 0
}

.r-0 {
    right: 0
}

*:focus-visible {
    outline: none;
    outline-offset: none;
    box-shadow: none
}

xo-list {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap
}

xo-list-item {
    display: block
}

xo-list-portal {
    position: fixed;
    display: flex;
    flex-direction: column;
    width: -moz-fit-content;
    width: fit-content;
    visibility: hidden
}

xo-list-trigger {
    display: block;
    visibility: hidden;
    width: 0;
    height: 0;
    overflow: hidden
}

xo-list-trigger[xo-visible]:not([xo-visible=false]) {
    visibility: visible;
    width: auto;
    height: auto;
    overflow: visible
}

.gift_card__header,
.gift_card__main {
    display: flex;
    flex-direction: column;
    align-items: center
}

.gift_card__name {
    font-weight: 400;
    color: rgba(var(--color-foreground), .5);
    margin-top: 2rem
}

.gift-card__price {
    margin-bottom: 2rem
}

.gift-card__image-wrapper {
    margin-bottom: 4rem
}

.gift-card__qr-code {
    margin-bottom: 2.5rem
}

.gift-card__buttons {
    display: flex;
    flex-direction: column;
    align-items: center
}

.gift-card__copy-button {
    all: unset;
    cursor: pointer;
    color: var(--color-foreground);
    text-decoration: underline;
    transition: .3s;
    text-underline-offset: .5rem;
    margin-bottom: 2rem
}

.gift-card__copy-button:hover {
    color: rgba(var(--color-foreground), .5)
}

.gift-card__shopping-button,
.gift-card__print-button {
    position: relative;
    width: 30rem;
    height: 5rem;
    overflow: hidden;
    background-color: rgba(var(--color-foreground));
    color: rgba(var(--color-background));
    margin-bottom: 1rem;
    border-radius: var(--buttons-radius);
    cursor: pointer
}

.gift-card__print-button {
    background-color: rgba(var(--color-background));
    color: rgba(var(--color-foreground));
    border: solid .1rem rgba(var(--color-foreground));
    margin-bottom: 2rem;
    transition: .3
}

.gift-card__shopping-before,
.gift-card__print-before {
    transition: .3s;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.gift-card__shopping-after,
.gift-card__print-after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 5rem);
    transition: .3s;
    line-height: 0
}

.gift-card__shopping-button:hover .gift-card__shopping-before {
    transform: translate(-50%, -5rem)
}

.gift-card__shopping-button:hover .gift-card__shopping-after {
    transform: translate(-50%, -50%)
}

.gift-card__print-button:hover {
    background-color: rgba(var(--color-foreground))
}

.gift-card__print-button:hover .gift-card__print-before {
    transform: translate(-50%, -5rem);
    color: rgba(var(--color-background))
}

.gift-card__print-button:hover .gift-card__print-after {
    transform: translate(-50%, -50%);
    color: rgba(var(--color-background))
}

.xb-wishlist__header,
.xb-wishlist__add,
.xb-wishlist__remove {
    display: none
}

.xo-artical-card-style18 {
    position: relative
}

.xo-article-card18__date {
    color: rgba(var(--color-foreground), .6);
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.xo-artical-card-style18__title {
    font-size: clamp(1.5rem, calc(0vw + 1.5rem), 1.5rem);
    line-height: calc(1 + .4/var(--font-body-scale))
}

.xo-artical-card-style18__title a {
    color: rgba(var(--color-foreground));
    transition: .3s
}

.xo-artical-card-style18__title:hover a {
    color: rgba(var(--color-foreground), .5);
    cursor: pointer
}

.xo-artical-card-style18__description {
    font-size: clamp(1.5rem, calc(0vw + 1.5rem), 1.5rem);
    font-weight: 400;
    color: rgba(var(--color-foreground), .5);
    margin-bottom: 1rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center
}

.xo-artical-card-style18__number:after {
    content: "";
    background-color: rgba(var(--color-foreground));
    width: 2.7rem;
    height: .1rem;
    display: block;
    margin: .4rem auto 0
}

.xo-artical-card-style18__blog {
    margin-bottom: 1.5rem
}

.xo-article-card18__date-com {
    display: flex;
    gap: .2rem
}

.xo-artical-card-style18__comment-content {
    font-size: calc(var(--font-body-scale)*1.4rem);
    color: rgba(var(--color-foreground), .6);
    display: inline-block
}

.xo-artical-card-style18__comment-content:before {
    content: "|";
    display: inline-block;
    margin: 0 .5rem;
    color: rgba(var(--color-foreground), .6)
}

.xo-artical-card-style18__image {
    display: block;
    height: 100%;
    max-width: 12.5rem
}

.xo-artical-card-style18__image .xo-image,
.xo-artical-card-style18__image .xo-image img {
    height: 100%
}

.new19 {
    position: relative
}

.xo-article-card__image19 {
    flex-shrink: 0;
    max-width: 8rem
}

.xo-article-card__image19 .xo-image {
    height: 100%;
    border-radius: var(--modal-corner-radius)
}

.xo-article-card__image19 .xo-image img {
    height: 100%;
    border-radius: var(--modal-corner-radius);
    transition: .3s
}

.xo-article-card__image19:hover img {
    transform: scale(1.05)
}

.xo-article-card19__date {
    color: rgba(var(--color-foreground), .6);
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.xo-article-card__title19 {
    font-size: clamp(1.4rem, calc(0vw + 1.4rem), 1.4rem);
    line-height: calc(1 + .4/var(--font-body-scale));
    transition: .3s;
    margin-bottom: 0;
    cursor: pointer
}

.xo-article-card__title19:hover {
    color: rgba(var(--color-foreground), .7)
}

.xo-article-card__description19 {
    font-size: clamp(1.5rem, calc(0vw + 1.5rem), 1.5rem);
    font-weight: 400;
    color: rgba(var(--color-foreground), .5);
    margin-bottom: 1rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.new19__number:after {
    content: "";
    background-color: rgba(var(--color-foreground));
    width: 2.7rem;
    height: .1rem;
    display: block;
    margin: .4rem auto 0
}

.xo-artical-card__blog19 {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    margin-bottom: 1.5rem
}

.blog-v19__comment-content {
    font-size: calc(var(--font-body-scale)*1.4rem);
    color: rgba(var(--color-foreground), .6);
    display: inline-block
}

.new20 {
    position: relative;
    border-bottom: solid 1px rgba(var(--color-foreground), .1);
    padding-bottom: 1.5rem
}

.xo-article-card__image20:hover img {
    transform: scale(1.05)
}

.xo-article-card20__date {
    color: rgba(var(--color-foreground), .6);
    font-size: calc(var(--font-body-scale)*1.1rem);
    text-transform: uppercase
}

.xo-article-card__title20 {
    font-size: clamp(2.4rem, calc(-.5vw + 2.6rem), 2rem);
    line-height: calc(1 + 1/var(--font-body-scale));
    margin-bottom: 0;
    cursor: pointer;
    transition: .3s
}

.xo-article-card__title20:hover {
    color: rgba(var(--color-foreground), .7)
}

.xo-article-card__description20 {
    font-size: clamp(1.5rem, calc(0vw + 1.5rem), 1.5rem);
    font-weight: 400;
    color: rgba(var(--color-foreground), .5);
    margin-bottom: 1rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
    line-height: calc(1 + .5/var(--font-body-scale))
}

.new20__number:after {
    content: "";
    background-color: rgba(var(--color-foreground));
    width: 2.7rem;
    height: .1rem;
    display: block;
    margin: .4rem auto 0
}

.xo-artical-card__blog20 {
    margin-bottom: 1.5rem
}

.xo-article-card20__date-com {
    display: flex;
    gap: .2rem
}

.blog-v20__comment-content {
    font-size: calc(var(--font-body-scale)*1.1rem);
    color: rgba(var(--color-foreground), .6);
    display: inline-block;
    text-transform: uppercase
}

.blog-v20__comment-content:before {
    content: "|";
    display: inline-block;
    margin: 0 .5rem;
    color: rgba(var(--color-foreground), .6)
}

.xo-article-card__image20 {
    display: block
}

.xo-article-card__image20 .xo-image {
    height: 100%;
    border-radius: var(--modal-corner-radius)
}

.xo-article-card__image20 .xo-image img {
    height: 100%;
    border-radius: var(--modal-corner-radius);
    transition: .3s
}

.new4 {
    position: relative
}

.xo-article-card__image4 img {
    transition: .3s
}

.xo-article-card__image4:hover img {
    transform: scale(1.05)
}

.xo-article-card4__date {
    color: rgba(var(--color-foreground), .6);
    font-size: calc(var(--font-body-scale)*1.1rem);
    text-transform: uppercase
}

.xo-article-card__title4 {
    font-size: calc(var(--font-heading-scale)*1.8rem);
    line-height: calc(1 + 1/var(--font-body-scale));
    cursor: pointer;
    transition: .3s
}

.xo-article-card__title4:hover {
    color: rgba(var(--color-foreground), .7)
}

.xo-article-card__description4 {
    font-size: clamp(1.5rem, calc(0vw + 1.5rem), 1.5rem);
    font-weight: 400;
    color: rgba(var(--color-foreground), .5);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: calc(1 + .5/var(--font-body-scale))
}

.new4__number:after {
    content: "";
    background-color: rgba(var(--color-foreground));
    width: 2.7rem;
    height: .1rem;
    display: block;
    margin: .4rem auto 0
}

.xo-artical-card__blog4 {
    margin-bottom: 1.5rem
}

.xo-article-card4__date-com {
    display: flex;
    gap: .2rem
}

.blog-v4__comment-content {
    font-size: calc(var(--font-body-scale)*1.1rem);
    color: rgba(var(--color-foreground), .6);
    display: inline-block;
    text-transform: uppercase
}

.blog-v4__comment-content:before {
    content: "|";
    display: inline-block;
    margin: 0 .5rem;
    color: rgba(var(--color-foreground), .6)
}

.xo-article-card__image4 {
    display: block;
    margin-bottom: 1rem
}

.xo-article-card__image4 .xo-image {
    height: 100%;
    border-radius: var(--modal-corner-radius)
}

.xo-article-card__image4 .xo-image img {
    height: 100%;
    border-radius: var(--modal-corner-radius);
    transition: .3s
}

.xo-badge-discount {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: calc(var(--font-body-scale)*1.3rem)
}

.xo-badge-new {
    padding: .2rem .8rem;
    font-size: 1.4rem;
    line-height: 1.21;
    color: #fff;
    background-color: #3ad370
}

.xo-badge-sale {
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: .1rem;
    line-height: 1.21;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e12c43
}

.xo-badge-sold-out {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    pointer-events: none;
    background-color: rgb(var(--color-background));
    width: 5.4rem;
    height: 5.4rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 1rem
}

.xo-badge-sold-out__title {
    text-transform: uppercase;
    font-size: calc(var(--font-body-scale)*1rem);
    color: rgb(var(--color-foreground), .5);
    font-weight: 600;
    text-align: center;
    line-height: calc(1 + .3/var(--font-body-scale));
    letter-spacing: calc(var(--font-body-scale)*.1rem)
}

.banner-advertise-v3 {
    border: .2rem solid rgba(var(--color-accent));
    padding: 0 3rem 3.5rem
}

.banner-advertise-v3__heading {
    transform: translateY(-50%);
    display: flex;
    justify-content: var(--justify)
}

.banner-advertise-v3__title {
    margin: 0;
    font-size: clamp(1.8rem, calc(.5vw + 1.6rem), 2.2rem);
    text-transform: uppercase;
    display: inline-block;
    background-color: rgba(var(--color-accent));
    color: #fff;
    line-height: calc(1 + .8/var(--font-heading-scale));
    padding: 0 3rem;
    border-radius: var(--buttons-radius);
    text-align: center
}

.banner-advertise-v4 {
    position: relative;
    height: 100%
}

.banner-advertise-v4__image {
    display: block;
    overflow: hidden;
    height: 100%
}

.banner-advertise-v4__image .xo-image {
    height: 100%
}

.banner-advertise-v4__image img {
    transition: opacity 1s ease 0s, transform 1s ease 0s;
    height: 100%
}

.banner-advertise-v4__image:hover img {
    transform: scale3d(1.1, 1.1, 1)
}

.banner-advertise-v4__box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 3.5rem 2rem 4rem;
    text-align: center;
    min-width: 22rem;
    max-width: 35.5rem;
    z-index: 1;
    background-color: #ffffffb3
}

.banner-advertise-v4__title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: calc(var(--font-heading-scale)*2.1rem);
    letter-spacing: calc(var(--font-heading-scale)*.4rem);
    line-height: calc(1 + .2/var(--font-heading-scale));
    text-transform: uppercase;
    margin-bottom: 2rem;
    color: #000
}

@media (max-width: 767px) {
    .breadcrumb {
        display: var(--display-mobile)
    }
}

.breadcrumb--border {
    border-bottom: .1rem solid rgba(var(--color-foreground), .15)
}

.breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: var(--justify);
    align-items: center;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    list-style: none;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0
}

.breadcrumb__item {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    transition: .3s
}

.breadcrumb__item .breadcrumb--current {
    color: rgba(var(--color-foreground), .5);
    font-size: calc(var(--font-body-scale)*1.3rem);
    font-weight: 500;
    pointer-events: none
}

.breadcrumb__item .breadcrumb--normal {
    font-weight: 400
}

.breadcrumb__item a {
    transition: .3s;
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*1.3rem)
}

.breadcrumb__item:last-child a {
    color: rgba(var(--color-foreground), .5);
    pointer-events: none
}

.breadcrumb__item:last-child .breadcrumb__separator {
    display: none
}

.breadcrumb__item:hover a {
    color: rgba(var(--color-foreground), .5)
}

.breadcrumb__item--current {
    display: var(--display)
}

.breadcrumb__link {
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*1.3rem)
}

.breadcrumb__separator {
    line-height: 0
}

.breadcrumb__separator svg {
    color: rgba(var(--color-foreground))
}

.xo-btn {
    --width: initial;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: calc((1 + (var(--buttons-scale) - 1)/2)*1.4rem);
    font-weight: 500;
    background-color: color-mix(in srgb, rgb(var(--color-button)) calc(var(--buttons-background-opacity) * 100%), #ffffff);
    color: rgba(var(--color-button-text));
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: var(--buttons-radius);
    box-shadow: var(--buttons-shadow-horizontal-offset) var(--buttons-shadow-vertical-offset) var(--buttons-shadow-blur-radius) color-mix(in srgb, rgb(var(--color-shadow)) calc(var(--buttons-shadow-opacity) * 100%), transparent);
    border: var(--buttons-border-width) solid color-mix(in srgb, rgb(var(--color-secondary-button)) calc(var(--buttons-border-opacity) * 100%), #ffffff);
    padding: 0;
    overflow: hidden;
    transition: .3s
}

.xo-btn[style*=--width] .xo-btn__content {
    padding: 0
}

.xo-btn--light {
    background-color: color-mix(in srgb, rgb(var(--color-light-button)) calc(var(--buttons-background-opacity) * 100%), #ffffff);
    color: color-mix(in srgb, rgb(var(--color-light-button-text)) 100%, #ffffff)
}

.xo-btn--light .xo-btn__text[data-text]:before,
.xo-btn--light .xo-btn__text[data-text]:after {
    color: color-mix(in srgb, rgb(var(--color-light-button-text)) 100%, #ffffff)
}

.xo-btn--dark {
    background-color: color-mix(in srgb, rgb(var(--color-dark-button)) calc(var(--buttons-background-opacity) * 100%), #ffffff);
    color: color-mix(in srgb, rgb(var(--color-dark-button-text)) 100%, #ffffff)
}

.xo-btn--dark .xo-btn__text[data-text]:before,
.xo-btn--dark .xo-btn__text[data-text]:after {
    color: color-mix(in srgb, rgb(var(--color-dark-button-text)) 100%, #ffffff)
}

.xo-btn--primary.xo-btn--light {
    border: var(--buttons-border-width) solid color-mix(in srgb, rgb(var(--color-dark-button)) calc(var(--buttons-border-opacity) * 100%), #ffffff)
}

.xo-btn--primary.xo-btn--light:hover {
    background-color: color-mix(in srgb, rgb(var(--color-dark-button)) calc(var(--buttons-background-opacity) * 100%), #ffffff);
    color: color-mix(in srgb, rgb(var(--color-dark-button-text)) 100%, #ffffff)
}

.xo-btn--primary.xo-btn--light:hover .xo-btn__text[data-text]:before,
.xo-btn--primary.xo-btn--light:hover .xo-btn__text[data-text]:after {
    color: color-mix(in srgb, rgb(var(--color-dark-button-text)) 100%, #ffffff)
}

.xo-btn--primary.xo-btn--dark {
    border: var(--buttons-border-width) solid color-mix(in srgb, rgb(var(--color-light-button)) calc(var(--buttons-border-opacity) * 100%), #ffffff)
}

.xo-btn--primary.xo-btn--dark:hover {
    background-color: color-mix(in srgb, rgb(var(--color-light-button)) calc(var(--buttons-background-opacity) * 100%), #ffffff);
    color: color-mix(in srgb, rgb(var(--color-light-button-text)) 100%, #ffffff)
}

.xo-btn--primary.xo-btn--dark:hover .xo-btn__text[data-text]:before,
.xo-btn--primary.xo-btn--dark:hover .xo-btn__text[data-text]:after {
    color: color-mix(in srgb, rgb(var(--color-light-button-text)) 100%, #ffffff)
}

.xo-btn--secondary.xo-btn--light {
    border: var(--buttons-border-width) solid color-mix(in srgb, rgb(var(--color-light-button)) calc(var(--buttons-border-opacity) * 100%), #ffffff)
}

.xo-btn--secondary.xo-btn--dark {
    border: var(--buttons-border-width) solid color-mix(in srgb, rgb(var(--color-dark-button)) calc(var(--buttons-border-opacity) * 100%), #ffffff)
}

.xo-btn--tertiary.xo-btn--light {
    background-color: #0000;
    color: color-mix(in srgb, rgb(var(--color-dark-button-text)) 100%, #ffffff);
    border: var(--buttons-border-width) solid color-mix(in srgb, rgb(var(--color-light-button)) calc(var(--buttons-border-opacity) * 100%), #ffffff)
}

.xo-btn--tertiary.xo-btn--light .xo-btn__text[data-text]:before,
.xo-btn--tertiary.xo-btn--light .xo-btn__text[data-text]:after {
    color: color-mix(in srgb, rgb(var(--color-dark-button-text)) 100%, #ffffff)
}

.xo-btn--tertiary.xo-btn--dark {
    background-color: #0000;
    color: color-mix(in srgb, rgb(var(--color-light-button-text)) 100%, #ffffff);
    border: var(--buttons-border-width) solid color-mix(in srgb, rgb(var(--color-dark-button)) calc(var(--buttons-border-opacity) * 100%), #ffffff)
}

.xo-btn--tertiary.xo-btn--dark .xo-btn__text[data-text]:before,
.xo-btn--tertiary.xo-btn--dark .xo-btn__text[data-text]:after {
    color: color-mix(in srgb, rgb(var(--color-light-button-text)) 100%, #ffffff)
}

.xo-btn--link {
    background: none;
    box-shadow: none;
    border: none
}

.xo-btn--link .xo-btn__content {
    padding: unset !important;
    text-decoration: underline;
    text-underline-offset: .7rem;
    line-height: 2.4
}

.xo-btn--link .xo-btn__text[data-text] {
    line-height: unset
}

.xo-btn--link.xo-btn--light .xo-btn__content {
    color: color-mix(in srgb, rgb(var(--color-dark-button-text)) 100%, #ffffff)
}

.xo-btn--link.xo-btn--light .xo-btn__text[data-text]:before,
.xo-btn--link.xo-btn--light .xo-btn__text[data-text]:after {
    color: color-mix(in srgb, rgb(var(--color-dark-button-text)) 100%, #ffffff)
}

.xo-btn--link.xo-btn--dark .xo-btn__content {
    color: color-mix(in srgb, rgb(var(--color-light-button-text)) 100%, #ffffff)
}

.xo-btn--link.xo-btn--dark .xo-btn__text[data-text]:before,
.xo-btn--link.xo-btn--dark .xo-btn__text[data-text]:after {
    color: color-mix(in srgb, rgb(var(--color-light-button-text)) 100%, #ffffff)
}

.xo-btn--gray {
    background-color: color-mix(in srgb, rgb(var(--color-gray-button)) calc(var(--buttons-background-opacity) * 100%), #ffffff);
    color: color-mix(in srgb, rgb(var(--color-gray-button-text)) 100%, #ffffff)
}

.xo-btn--gray .xo-btn__text[data-text]:before,
.xo-btn--gray .xo-btn__text[data-text]:after {
    color: color-mix(in srgb, rgb(var(--color-gray-button-text)) 100%, #ffffff)
}

.xo-btn--circle {
    border-radius: 50%;
    width: 4.2rem;
    height: 4.2rem;
    transition: .3s;
    border: none !important
}

.xo-btn--square {
    width: 5rem;
    height: 5rem;
    transition: .3s
}

.xo-btn--square:hover {
    background-color: rgba(var(--color-foreground));
    border-color: rgba(var(--color-foreground))
}

.xo-btn--square:hover .xo-btn__icon {
    color: rgba(var(--color-background))
}

.xo-btn--circle:hover {
    background-color: rgba(var(--color-foreground));
    border-color: rgba(var(--color-foreground))
}

.xo-btn--circle:hover .xo-btn__icon {
    color: rgba(var(--color-background))
}

.xo-btn__icon {
    display: flex;
    justify-content: center;
    align-items: center
}

.xo-btn__icon svg {
    line-height: 0
}

.xo-btn__content,
.xo-btn__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    transition: .3s
}

.xo-btn__content {
    padding: 0 calc(var(--buttons-scale)*2rem);
    min-height: calc(var(--buttons-scale)*4.1rem);
    overflow: hidden;
    gap: .5rem;
    width: var(--width, auto)
}

.xo-btn--xs .xo-btn__content {
    padding-inline-start: calc(var(--buttons-scale)*1rem);
    padding-inline-end: calc(var(--buttons-scale)*1rem);
    min-height: calc(var(--buttons-scale)*3rem);
    text-underline-offset: .7rem
}

.xo-btn--xs .xo-btn__text[data-text] {
    font-size: calc((1 + (var(--buttons-scale) - 1)/2)*1.1rem)
}

.xo-btn--sm .xo-btn__content {
    padding-inline-start: calc(var(--buttons-scale)*2rem);
    padding-inline-end: calc(var(--buttons-scale)*2rem);
    min-height: calc(var(--buttons-scale)*4.1rem);
    text-underline-offset: .8rem
}

.xo-btn--sm .xo-btn__text[data-text] {
    font-size: calc((1 + (var(--buttons-scale) - 1)/2)*1.2rem)
}

.xo-btn--md .xo-btn__content {
    padding-inline-start: calc(var(--buttons-scale)*2.6rem);
    padding-inline-end: calc(var(--buttons-scale)*2.6rem);
    min-height: calc(var(--buttons-scale)*4.5rem);
    text-underline-offset: .9rem
}

.xo-btn--md .xo-btn__text[data-text] {
    font-size: calc((1 + (var(--buttons-scale) - 1)/2)*1.3rem)
}

.xo-btn--lg .xo-btn__content {
    padding-inline-start: calc(var(--buttons-scale)*3.2rem);
    padding-inline-end: calc(var(--buttons-scale)*3.2rem);
    min-height: calc(var(--buttons-scale)*6.2rem);
    text-underline-offset: 1rem
}

.xo-btn--lg .xo-btn__text[data-text] {
    font-size: calc((1 + (var(--buttons-scale) - 1)/2)*1.4rem)
}

.xo-btn--block {
    display: flex;
    width: 100%
}

.xo-btn--accent {
    background-color: rgb(var(--color-accent));
    color: rgb(var(--color-background));
    border-color: rgba(var(--color-accent))
}

.xo-btn--accent .xo-btn__text[data-text]:before,
.xo-btn--accent .xo-btn__text[data-text]:after {
    color: rgb(var(--color-background))
}

.xo-btn--disabled,
.xo-btn[disabled]:not([disabled=false]) {
    opacity: .8;
    cursor: not-allowed
}

.xo-btn__loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    transition: .3s
}

.xo-btn--loading .xo-btn__loading,
xo-cart-shipping-rates-submit[xo-loading]:not([xo-loading=false]) .xo-btn__loading,
xo-cart-note-submit[xo-loading]:not([xo-loading=false]) .xo-btn__loading,
xo-cart-add[xo-loading]:not([xo-loading=false]) .xo-btn__loading,
xo-product-quick-view-trigger[xo-loading]:not([xo-loading=false]) .xo-btn__loading {
    transform: translateY(0)
}

.xo-btn--loading .xo-btn__content,
xo-cart-shipping-rates-submit[xo-loading]:not([xo-loading=false]) .xo-btn__content,
xo-cart-note-submit[xo-loading]:not([xo-loading=false]) .xo-btn__content,
xo-cart-add[xo-loading]:not([xo-loading=false]) .xo-btn__content,
xo-product-quick-view-trigger[xo-loading]:not([xo-loading=false]) .xo-btn__content {
    transform: translateY(-100%)
}

.xo-btn--fade:hover {
    opacity: .6
}

.xo-btn__text[data-text] {
    color: #0000;
    font-size: calc(var(--font-body-scale)*1.2rem);
    font-weight: 500;
    letter-spacing: calc(var(--font-body-scale)*.16rem);
    line-height: 0
}

.xo-btn__text[data-text]:before,
.xo-btn__text[data-text]:after {
    content: attr(data-text);
    color: color-mix(in srgb, rgb(var(--color-button-text)) 100%, #ffffff);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s
}

.xo-btn__text[data-text]:after {
    transform: translateY(100%)
}

.xo-btn--slide-up:hover .xo-btn__text:before {
    transform: translateY(-100%)
}

.xo-btn--slide-up:hover .xo-btn__text:after {
    transform: translateY(0)
}

.xo-btn--noborder {
    border: none !important;
    background: none;
    box-shadow: none;
    width: 100%
}

.xo-btn--noborder .xo-btn__content {
    padding: 0
}

.xo-btn--noborder:hover .xo-btn__icon {
    color: rgba(var(--color-foreground), .5)
}

.xo-btn--style5 .xo-btn__content {
    text-underline-offset: .7rem;
    padding-bottom: 1rem
}

.xo-btn--style5 .xo-btn__text {
    font-size: calc(var(--font-body-scale)*1.2rem) !important
}

.xo-btn--style5 .xo-btn__text[data-text]:before {
    color: rgba(var(--color-foreground), .5)
}

.xo-btn--style8 {
    background-color: rgba(var(--color-foreground), .5);
    color: rgba(var(--color-background));
    transition: .3s;
    border: none;
    border-radius: var(--buttons-radius)
}

.xo-btn--style8 .xo-btn__text[data-text]:before,
.xo-btn--style8 .xo-btn__text[data-text]:after {
    color: rgba(var(--color-background))
}

.xo-btn--style8:hover {
    background-color: rgba(var(--color-foreground))
}

.xo-btn--advertise {
    border: none
}

.xo-btn--advertise .xo-btn__text {
    line-height: calc(1 + 2.6/var(--font-body-scale));
    font-weight: 700;
    text-transform: uppercase
}

.xo-btn__text {
    text-transform: uppercase
}

.xo-btn__number {
    line-height: 0
}

.carousel-navigation-style1__arrow {
    display: var(--display-mobile);
    position: absolute;
    top: 100%;
    z-index: 9;
    transition: .3s
}

@media (min-width: 768px) {
    .carousel-navigation-style1__arrow {
        display: var(--display-desktop);
        top: 50%;
        transform: translateY(-50%)
    }
}

.carousel-navigation-style1__arrow button {
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    border: solid .1rem rgba(var(--color-foreground), .1);
    background-color: rgba(var(--color-background));
    transition: .3s
}

@media (min-width: 768px) {
    .carousel-navigation-style1__arrow button {
        width: 4.5rem;
        height: 4.5rem
    }
}

.carousel-navigation-style1__arrow svg {
    color: rgba(var(--color-foreground))
}

.carousel-navigation-style1__arrow:hover button {
    transform: scale(1.2);
    background-color: rgba(var(--color-foreground))
}

.carousel-navigation-style1__arrow:hover svg {
    color: rgba(var(--color-background))
}

.carousel-navigation-style1__arrow--left {
    left: 0
}

@media (min-width: 768px) {
    .carousel-navigation-style1__arrow--left {
        left: -9.7rem
    }
}

.carousel-navigation-style1__arrow--right {
    right: 0
}

@media (min-width: 768px) {
    .carousel-navigation-style1__arrow--right {
        right: -9.7rem
    }
}

.carousel-navigation-style3 {
    position: relative;
    transition: .3s;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-color: rgba(var(--color-foreground), .5);
    overflow: hidden
}

.carousel-navigation-style3 svg {
    color: rgba(var(--color-background), .5)
}

.carousel-navigation-style3__icon-before {
    transition: .3s;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.carousel-navigation-style3__icon-after {
    position: absolute;
    top: 50%;
    left: 50%;
    transition: .3s;
    line-height: 0
}

.carousel-navigation-style3__icon-after--left {
    transform: translate(5rem, -50%)
}

.carousel-navigation-style3__icon-after--right {
    transform: translate(-5rem, -50%)
}

.carousel-navigation-style3:hover {
    background-color: rgba(var(--color-foreground))
}

.carousel-navigation-style3:hover svg {
    color: rgba(var(--color-background))
}

.carousel-navigation-style3:hover .carousel-navigation-style3__icon-before--left {
    transform: translate(-5rem, -50%)
}

.carousel-navigation-style3:hover .carousel-navigation-style3__icon-before--right {
    transform: translate(5rem, -50%)
}

.carousel-navigation-style3:hover .carousel-navigation-style3__icon-after {
    transform: translate(-50%, -50%)
}

.carousel-pagination-style1__pagination {
    display: var(--display-mobile);
    padding-top: 1rem;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    width: 100%;
    z-index: 9
}

@media (min-width: 768px) {
    .carousel-pagination-style1__pagination {
        display: var(--display-desktop);
        gap: 1rem
    }
}

.carousel-pagination-style1__pagination xo-carousel-bullet[xo-active]:not([xo-active=false]) .carousel-pagination-style1__bullet {
    background-color: rgba(var(--color-foreground))
}

.carousel-pagination-style1__bullet {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: rgba(var(--color-foreground), .2);
    transition: .3s
}

@media (min-width: 768px) {
    .carousel-pagination-style1__bullet {
        width: .8rem;
        height: .8rem
    }
}

.carousel-pagination-style3 {
    position: relative;
    z-index: 9;
    display: flex;
    gap: .6rem
}

@media (min-width: 768px) {
    .carousel-pagination-style3 {
        gap: 1rem
    }
}

.carousel-pagination-style3 xo-carousel-bullet[xo-active]:not([xo-active=false]) span {
    background-color: rgba(var(--color-foreground))
}

.carousel-pagination-style3 span {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: rgba(var(--color-foreground), .2);
    transition: .3s
}

@media (min-width: 768px) {
    .carousel-pagination-style3 span {
        width: .8rem;
        height: .8rem
    }
}

.carousel-pagination-style3 span:hover {
    background-color: rgba(var(--color-foreground))
}

.xo-cart-empty a {
    color: rgb(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*1.8rem)
}

.xo-cart-drawer__login-title {
    padding: 1rem 0;
    font-size: calc(var(--font-body-scale)*1.8rem);
    color: rgb(var(--color-foreground))
}

.xo-cart-mini-footer {
    padding-top: 1rem;
    padding-bottom: 2.4rem
}

.xo-cart-mini-footer__price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 500;
    line-height: calc(1 + .1/var(--font-body-scale));
    color: rgb(var(--color-foreground))
}

.xo-cart-mini-footer__taxes {
    font-size: calc(var(--font-body-scale)*1.28rem);
    color: rgba(var(--color-foreground), .7);
    margin: .8rem 0
}

.xo-cart-item__option span:last-child {
    font-weight: 500;
    color: rgb(var(--color-foreground))
}

.cart-mini-item__btn-flex {
    display: flex;
    margin-top: 1.5rem;
    gap: 1.5rem
}

.cart-mini-item__btn-flex .xo-btn__text {
    text-transform: none;
    font-size: calc(var(--font-body-scale)*1.5rem) !important
}

.cart-mini-item__checkout,
.cart-mini-item__viewcart {
    width: 50%
}

.cart-mini-item__btn-flex .xo-btn__text[data-text] {
    letter-spacing: 0
}

.xo-cart-mini-item+.xo-cart-mini-item .xo-cart-mini-item__inner {
    border-top: .1rem solid #e9e9e9
}

.xo-cart-mini-item+.xo-cart-mini-item:first-child .xo-cart-mini-item__inner {
    padding-top: 0
}

.xo-cart-mini-item+.xo-cart-mini-item:last-child .xo-cart-mini-item__inner {
    padding-bottom: 0
}

.xo-cart-mini-item__inner {
    position: relative;
    display: flex;
    gap: 2rem;
    padding: 1.5rem 0
}

.xo-cart-mini-item__image {
    display: block
}

.xo-cart-mini-item__image .xo-image {
    width: 9rem;
    aspect-ratio: var(--aspect-ratio)
}

@media (min-width: 768px) {
    .xo-cart-mini-item__image .xo-image {
        width: 11rem
    }
}

.xo-cart-mini-item__image .xo-image img {
    height: 100%
}

.xo-cart-mini-item__title {
    display: block;
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 500;
    line-height: calc(1 + .22/var(--font-body-scale));
    letter-spacing: calc(var(--font-body-scale)*.018rem);
    color: rgb(var(--color-foreground));
    width: 90%
}

[dir=ltr] .xo-cart-mini-item__title,
[dir=rtl] .xo-cart-mini-item__title {
    margin-inline-end: 1rem
}

.xo-cart-mini-item__remove {
    bottom: 2.6rem
}

[dir=ltr] .xo-cart-mini-item__remove {
    right: 1.5rem
}

[dir=rtl] .xo-cart-mini-item__remove {
    left: 1.5rem
}

.xo-cart-mini-item__remove-action {
    cursor: pointer;
    font-size: calc(var(--font-body-scale)*1.2rem);
    display: block
}

.xo-cart-mini-item__remove-action span {
    color: rgba(var(--color-foreground), .4);
    transition: .3s all;
    position: relative
}

.xo-cart-mini-item__remove-action span:after {
    position: absolute;
    content: "";
    transform: translateY(-.2rem);
    height: .1rem;
    width: 100%;
    background-color: rgba(var(--color-foreground), .4);
    left: 0;
    bottom: 0;
    transition: .3s
}

.xo-cart-mini-item__remove-action:hover span {
    color: rgba(var(--color-foreground))
}

.xo-cart-mini-item__remove-action:hover span:after {
    background-color: rgba(var(--color-foreground))
}

.xo-cart-mini-item__loading[xo-visible]:not([xo-visible=false])+.xo-cart-mini-item__remove-action {
    display: none
}

.xo-cart-mini-item__content-name {
    font-weight: 500;
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.xo-cart-mini-item__content-value {
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.xo-cart-mini-item__option {
    line-height: calc(1 + .25/var(--font-heading-scale))
}

.xo-cart-mini-item__content {
    flex: 1
}

.xo-cart-mini-item__discounts {
    margin: 0;
    padding: 0;
    list-style: none
}

.xo-cart-mini-item__discount {
    display: flex;
    align-items: center;
    gap: .3rem
}

@keyframes fadeInOut {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    to {
        opacity: 0;
        display: none
    }
}

.xo-notify-cart {
    display: none;
    transition: .3s ease all
}

.cart-drawer-hidden {
    opacity: 0;
    animation-duration: .5s;
    animation: fadeInOut 2s forwards;
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    background-color: #eaf7e6;
    gap: 1.5rem;
    border-radius: 1rem
}

.cart-drawer-hd {
    display: none
}

.xo-notify--show {
    display: block
}

.xo-cart-mini-item__quatity-remove {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cartlength {
    display: none
}

.xo-cart-mini-item__original-price {
    font-size: calc(var(--font-body-scale)*1.5rem);
    color: rgba(var(--color-foreground))
}

.xo-cart-mini-item__original-price--old {
    font-size: calc(var(--font-body-scale)*1.3rem);
    color: rgba(var(--color-foreground), .5)
}

.xo-cart-mini-item__final-price {
    font-size: calc(var(--font-body-scale)*1.5rem);
    color: rgba(var(--color-accent))
}

.countdown3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 7.8rem 0 3.4rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.countdown3__subtitle {
    text-align: center;
    font-size: clamp(2rem, calc(1.25vw + 1.5rem), 3rem);
    letter-spacing: calc(var(--font-body-scale)*.16rem);
    color: rgba(var(--color-foreground));
    margin-bottom: .5rem;
    line-height: calc(1 + .5/var(--font-body-scale));
    text-transform: uppercase
}

.countdown3__title {
    text-align: center;
    margin: 0 0 2rem;
    font-size: clamp(3.5rem, calc(1.875vw + 2.75rem), 5rem);
    letter-spacing: calc(var(--font-body-scale)*.16rem);
    color: rgba(var(--color-foreground));
    font-weight: 400;
    line-height: calc(1 + .5/var(--font-heading-scale));
    text-transform: uppercase
}

.countdown3__time {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    justify-content: center;
    text-align: center
}

.countdown3__circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background-color: rgba(var(--color-accent));
    font-size: clamp(1.8rem, calc(.25vw + 1.7rem), 2rem);
    font-weight: 500;
    color: #fff
}

.countdown3__block {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    justify-content: center;
    text-align: center
}

.countdown3__expired {
    display: none
}

xo-countdown[xo-expired]:not([xo-expired=false]) .countdown3__time {
    display: none
}

xo-countdown[xo-expired]:not([xo-expired=false]) .countdown3__expired {
    display: block
}

.countdown3__time--flex {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
    color: rgba(var(--color-foreground))
}

.countdown3__circle--text {
    text-transform: uppercase;
    font-size: clamp(1.2rem, calc(0vw + 1.2rem), 1.2rem);
    letter-spacing: calc(var(--font-body-scale)*.16rem);
    font-weight: 550
}

.countdown {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
    border-left: .1rem solid rgba(var(--color-foreground), .2);
    padding-left: 2rem
}

.countdown__text {
    padding-top: .3rem
}

.countdown__text h3 {
    margin: 0;
    font-size: calc(var(--font-heading-scale)*1.4rem);
    font-weight: 600;
    text-transform: uppercase
}

.countdown__text label {
    font-size: calc(var(--font-body-scale)*1.4rem);
    color: rgba(var(--color-foreground), .5)
}

.countdown__time {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap
}

.countdown__circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    color: #fff;
    background-color: rgba(var(--color-accent))
}

.countdown__expired {
    display: none
}

xo-countdown[xo-expired]:not([xo-expired=false]) .countdown__time {
    display: none
}

xo-countdown[xo-expired]:not([xo-expired=false]) .countdown__expired {
    display: block
}

.xo-currency-select__trigger {
    display: flex;
    line-height: 0;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
    font-weight: 500
}

.xo-currency-select__trigger span {
    color: rgb(var(--color-foreground));
    margin-top: .15rem
}

.xo-currency-select__trigger[xo-active] svg {
    transform: rotateX(180deg)
}

.xo-currency-select__content {
    display: flex;
    flex-direction: column;
    background-color: color-mix(in srgb, rgb(var(--color-background)) 100%, #ffffff);
    box-shadow: 0 2rem 3rem #0000001f;
    border-radius: .5rem;
    z-index: 100
}

.xo-currency-select__item {
    width: 100%;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center;
    transition: .3s;
    font-weight: 500;
    cursor: pointer
}

.xo-currency-select__item:hover .xo-currency-select__name {
    opacity: 1;
    color: rgb(var(--color-foreground))
}

.xo-currency-select__item:first-child {
    padding: 1rem 2rem
}

.xo-currency-select__input {
    display: none
}

.xo-currency-select__input:checked~.xo-currency-select__name {
    opacity: 1;
    color: rgb(var(--color-foreground))
}

.xo-currency-select__name {
    opacity: .5;
    transition: .3s
}

.xo-empty {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: var(--align);
    padding: 5rem 1rem 0
}

@media (max-width: 767px) {
    .xo-empty {
        padding: 5rem 0 0
    }
}

.xo-empty__icon svg {
    color: rgba(var(--color-foreground), .1)
}

.xo-empty__title {
    font-size: calc(var(--font-heading-scale)*2.4rem)
}

.field-checkbox-block {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.field-checkbox-block__item {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--inputs-radius);
    border: .1rem solid rgba(var(--color-foreground), .3);
    transition: .3s
}

.field-checkbox-block__item:hover {
    background-color: rgba(var(--color-foreground));
    border-color: rgba(var(--color-foreground))
}

.field-checkbox-block__item:hover .field-checkbox-block__content {
    color: rgba(var(--color-background))
}

.field-checkbox-block__content {
    color: rgba(var(--color-foreground));
    transition: .3s;
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 400;
    line-height: 0
}

.field-checkbox-block__item--size {
    width: 4.2rem;
    height: 4.2rem
}

.field-checkbox-block__item--tag {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 1.2rem;
    height: 4rem
}

.field-checkbox-block__input {
    display: none
}

.field-checkbox-block__input:checked~.field-checkbox-block__item {
    background-color: rgba(var(--color-foreground));
    border: none
}

.field-checkbox-block__input:checked~.field-checkbox-block__item .field-checkbox-block__content {
    color: rgba(var(--color-background))
}

.field-checkbox-color {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.field-checkbox-color__item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    transition: .3s
}

.field-checkbox-color__content {
    background-color: var(--color);
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: .1rem solid rgba(var(--color-foreground), .2);
    transition: .3s;
    position: relative
}

.field-checkbox-color__item:hover {
    box-shadow: 0 0 0 .1rem #000, 0 .8rem 2rem #0003, inset 0 0 0 .4rem #fff
}

.field-checkbox-color__item:hover .field-checkbox-color__content {
    transform: scale(.8)
}

.field-checkbox-color__input {
    display: none
}

.field-checkbox-color__input:checked~.field-checkbox-color__item {
    box-shadow: 0 0 0 .1rem #000, 0 .8rem 2rem #0003, inset 0 0 0 .4rem #fff
}

.field-checkbox-color__input:checked~.field-checkbox-color__item .field-checkbox-color__content {
    transform: scale(.8)
}

.field-checkbox-text {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.field-checkbox-text__item {
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: .3s;
    transform: translate(-1.8rem)
}

.field-checkbox-text__item:hover {
    transform: translate(0)
}

.field-checkbox-text__item:hover .field-checkbox-text__content {
    color: rgba(var(--color-foreground))
}

.field-checkbox-text__icon {
    display: flex;
    align-items: center
}

.field-checkbox-text__content {
    color: rgba(var(--color-foreground), .5);
    transition: .3s;
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 500
}

.field-checkbox-text__input {
    display: none
}

.field-checkbox-text__input:checked~.field-checkbox-text__item {
    transform: translate(0)
}

.field-checkbox-text__input:checked~.field-checkbox-text__item .field-checkbox-text__content {
    color: rgba(var(--color-foreground))
}

.xo-field-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.xo-field-checkbox__item {
    display: flex;
    flex-shrink: 0;
    width: var(--icon-size);
    height: var(--icon-size);
    border: .1rem solid rgba(var(--color-foreground), .4);
    border-radius: .3rem;
    overflow: hidden
}

.xo-field-checkbox__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgb(var(--color-foreground));
    opacity: 0;
    transition: .3s
}

.xo-field-checkbox__input {
    display: none
}

.xo-field-checkbox__input:checked~.xo-field-checkbox__item .xo-field-checkbox__icon {
    opacity: 1
}

.xo-field-checkbox__label {
    margin-inline-start: .8rem;
    display: flex;
    align-items: center
}

.xo-field-checkbox__label span {
    line-height: 1
}

.xo-field-color {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: .3s
}

.xo-field-color:hover {
    transform: scale(1.2)
}

.xo-field-color__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background-color: var(--color);
    background-image: var(--image-src);
    background-size: cover;
    background-position: center;
    border: .1rem solid rgba(var(--color-foreground), .2);
    flex-shrink: 0;
    overflow: hidden
}

.xo-field-color__item .xo-image {
    width: 100px
}

.xo-field-color__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .3s
}

.xo-field-color__input {
    display: none
}

.xo-field-color__input:checked~.xo-field-color__image {
    border: .15rem solid rgba(var(--color-foreground))
}

.xo-field-color__label {
    margin-inline-start: .8rem
}

.xo-field-color__image {
    width: 3rem;
    height: 3rem;
    border-radius: 50% !important
}

.xo-field-color__image img {
    width: 100%;
    height: auto;
    border-radius: 50%
}

.xo-field-input {
    position: relative;
    width: 100%;
    display: block
}

.xo-field-input__input {
    padding: 1.5rem 2rem;
    width: 100%;
    outline: none;
    background-color: #0000;
    border-radius: var(--inputs-radius);
    border: .1rem solid rgba(var(--color-border), .1);
    color: rgba(var(--color-foreground))
}

.xo-field-input__input::-moz-placeholder {
    color: rgba(var(--color-foreground), .4)
}

.xo-field-input__input::placeholder {
    color: rgba(var(--color-foreground), .4)
}

.xo-field-input__placeholder {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: .2s;
    transform-origin: 0 0;
    color: rgba(var(--color-foreground), .4)
}

.xo-field-input__placeholder span {
    color: rgba(var(--color-accent))
}

[dir=ltr] .xo-field-input__placeholder {
    left: 2rem
}

[dir=rtl] .xo-field-input__placeholder {
    right: 2rem
}

.xo-field-input__input:not(:-moz-placeholder-shown)+.xo-field-input__placeholder {
    transform: translateY(-4.3rem) scale(.7)
}

.xo-field-input__input:focus+.xo-field-input__placeholder,
.xo-field-input__input:not(:placeholder-shown)+.xo-field-input__placeholder {
    transform: translateY(-4.3rem) scale(.7)
}

.xo-field-radio {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.xo-field-radio__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--icon-size);
    height: var(--icon-size);
    border-radius: 50%;
    background-color: rgb(var(--color-background));
    border: .1rem solid rgba(var(--color-foreground), .2);
    flex-shrink: 0
}

.xo-field-radio__item--image {
    padding: .1rem
}

.xo-field-radio__item--image img {
    border-radius: 50%
}

.xo-field-radio__icon {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: rgb(var(--color-foreground));
    transform: scale(0);
    opacity: 0;
    transition: .3s
}

.xo-field-radio__input {
    display: none
}

.xo-field-radio__input:checked~.xo-field-radio__item .xo-field-radio__icon {
    transform: scale(.7);
    opacity: 1
}

.xo-field-radio__input:checked~.xo-field-radio__item--image {
    border: .2rem solid rgba(var(--color-accent))
}

.xo-field-radio__label {
    margin-inline-start: .8rem;
    line-height: 0
}

.xo-field-radio__label span {
    line-height: 0;
    font-size: 1.8rem
}

.xo-field-radio--boxed .xo-field-radio__label {
    width: 4.2rem;
    height: 4.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    border: .1rem solid rgba(var(--color-foreground), .3);
    border-radius: var(--inputs-radius);
    transition: .3s
}

.xo-field-radio--boxed .xo-field-radio__label span {
    font-size: 1.6rem
}

.xo-field-radio--boxed .xo-field-radio__input:checked~.xo-field-radio__label {
    background-color: rgba(var(--color-foreground));
    color: rgb(var(--color-background))
}

.xo-field-radio--boxed:hover .xo-field-radio__label {
    background-color: rgba(var(--color-foreground));
    color: rgb(var(--color-background))
}

.xo-field-radio--boxed2 .xo-field-radio__label {
    padding: 0 1rem;
    height: 4.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    border: .1rem solid rgba(var(--color-foreground), .3);
    border-radius: var(--inputs-radius);
    transition: .3s
}

.xo-field-radio--boxed2 .xo-field-radio__label span {
    font-size: 1.6rem
}

.xo-field-radio--boxed2 .xo-field-radio__input:checked~.xo-field-radio__label {
    background-color: rgba(var(--color-foreground));
    color: rgb(var(--color-background))
}

.xo-field-radio--boxed2:hover .xo-field-radio__label {
    background-color: rgba(var(--color-foreground));
    color: rgb(var(--color-background))
}

.xo-field-select-custom-filter__trigger {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    cursor: pointer;
    border-bottom: .1rem solid rgba(var(--color-foreground), .1)
}

.xo-field-select-custom-filter__trigger svg {
    color: rgba(var(--color-foreground), .5);
    transition: .3s
}

.xo-field-select-custom-filter__trigger:hover .xo-field-select-custom-filter__name {
    color: rgba(var(--color-foreground))
}

.xo-field-select-custom-filter__trigger:hover svg {
    color: rgba(var(--color-foreground))
}

.xo-field-select-custom-filter__trigger[xo-active]:not([xo-active=false]) .xo-field-select-custom-filter__name {
    color: rgba(var(--color-foreground))
}

.xo-field-select-custom-filter__trigger[xo-active]:not([xo-active=false]) svg {
    color: rgba(var(--color-foreground));
    rotate: 180deg
}

.xo-field-select-custom-filter__name {
    font-weight: 500;
    letter-spacing: -.032rem;
    color: rgba(var(--color-foreground), .5);
    transition: .3s
}

.xo-field-select-custom-filter__popover {
    min-width: 16rem;
    padding: 1rem 2rem;
    background-color: rgb(var(--color-background));
    box-shadow: 0 2rem 3rem #0000001f;
    border-radius: .8rem;
    max-height: max(50vh, 40rem)
}

.xo-field-select-custom-filter__check {
    display: flex;
    align-items: center;
    gap: .8rem;
    cursor: pointer;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.xo-field-select-custom-filter__input {
    display: none
}

.xo-field-select-custom-filter__input:checked~.xo-field-select-custom-filter__label {
    color: rgba(var(--color-foreground))
}

.xo-field-select-custom-filter__label {
    color: rgba(var(--color-foreground), .3);
    transition: .3s;
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 500;
    line-height: calc(1 + .4/var(--font-body-scale))
}

.xo-field-select-custom-filter__label:hover {
    color: rgba(var(--color-foreground))
}

.xo-field-select-custom-variant__trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2.5rem;
    cursor: pointer;
    padding: 0 1.5rem;
    border: solid .1rem rgba(var(--color-foreground), .1);
    border-radius: var(--inputs-radius);
    background-color: rgba(var(--color-background));
    width: var(--width);
    height: var(--height);
    transition: .3s
}

.xo-field-select-custom-variant__trigger svg {
    color: rgba(var(--color-foreground))
}

.xo-field-select-custom-variant__trigger:hover {
    background-color: rgba(var(--color-foreground))
}

.xo-field-select-custom-variant__trigger:hover .xo-field-select-custom-variant__name {
    color: rgba(var(--color-background))
}

.xo-field-select-custom-variant__trigger:hover svg {
    color: rgba(var(--color-background))
}

@media (min-width: 576px) {
    .xo-field-select-custom-variant__trigger--sticky {
        width: calc((100vw - 20rem)/2)
    }
}

.xo-field-select-custom-variant__name {
    letter-spacing: -.032rem;
    color: rgba(var(--color-foreground));
    line-height: 1
}

.xo-field-select-custom-variant__popover {
    min-width: 10rem;
    background-color: rgb(var(--color-background));
    box-shadow: 0 2rem 3rem #0000001f;
    border-radius: var(--inputs-radius);
    max-height: max(50vh, 40rem)
}

.xo-field-select-custom-variant__check {
    display: flex;
    align-items: center;
    gap: .8rem;
    cursor: pointer
}

.xo-field-select-custom-variant__input {
    display: none
}

.xo-field-select-custom-variant__input:checked~.xo-field-select-custom-variant__label {
    color: rgba(var(--color-background));
    background-color: rgba(var(--color-foreground))
}

.xo-field-select-custom-variant__label {
    color: rgba(var(--color-foreground));
    transition: .3s;
    font-size: calc(var(--font-body-scale)*1.6rem);
    line-height: calc(1 + .4/var(--font-body-scale));
    padding: 1rem 2rem;
    width: 100%
}

.xo-field-select-custom-variant__label:first-child {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.xo-field-select-custom-variant__label:first-child {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem
}

.xo-field-select-custom-variant__label:hover {
    color: rgba(var(--color-background));
    background-color: rgba(var(--color-foreground))
}

.xo-field-select {
    position: relative;
    min-width: 20rem;
    width: 100%
}

.xo-field-select__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    padding: 1rem;
    width: 100%;
    background-color: #0000;
    color: color-mix(in srgb, rgb(var(--color-foreground)) 100%, #ffffff);
    border-radius: var(--inputs-radius)
}

.xo-field-select__option {
    font-size: 1.6rem
}

.xo-field-select__icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center
}

[dir=ltr] .xo-field-select__icon {
    right: 1rem
}

[dir=rtl] .xo-field-select__icon {
    left: 1rem
}

.xo-field-textarea {
    position: relative;
    width: 100%;
    display: block
}

.xo-field-textarea__textarea {
    padding: 1.5rem 2rem;
    margin-bottom: -1rem;
    min-height: 6.8rem;
    width: 100%;
    outline: none;
    background-color: #0000;
    resize: vertical;
    border-radius: var(--inputs-radius);
    border: solid .1rem rgba(var(--color-border), .1)
}

.xo-field-textarea__textarea::-moz-placeholder {
    color: rgba(var(--color-foreground), .4)
}

.xo-field-textarea__textarea::placeholder {
    color: rgba(var(--color-foreground), .4)
}

.xo-field-textarea__placeholder {
    position: absolute;
    top: .5rem;
    transition: .2s;
    transform-origin: 0 0;
    color: rgba(var(--color-foreground), .4)
}

[dir=ltr] .xo-field-textarea__placeholder {
    left: 2rem
}

[dir=rtl] .xo-field-textarea__placeholder {
    right: 2rem
}

.xo-field-textarea__textarea:not(:-moz-placeholder-shown)+.xo-field-textarea__placeholder {
    transform: translateY(-2.3rem) scale(.7)
}

.xo-field-textarea__textarea:focus+.xo-field-textarea__placeholder,
.xo-field-textarea__textarea:not(:placeholder-shown)+.xo-field-textarea__placeholder {
    transform: translateY(-2.3rem) scale(.7)
}

.xo-form-error {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    padding: 1rem;
    margin: 1rem 0;
    background-color: #ffdbdf;
    border: .1rem solid #eb001b;
    color: #eb001b
}

.xo-form-error__message {
    color: #eb001b;
    margin-inline-start: .5rem
}

.xo-form-error__message ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.xo-form-success {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    padding: 1rem;
    margin: 1rem 0;
    background-color: #e4ffe5;
    border: .1rem solid #428445;
    color: #428445
}

.xo-form-success__message {
    color: #428445;
    margin-inline-start: .5rem
}

.hover-style--hover1 img {
    width: 100%;
    height: auto;
    transition: transform .8s
}

.hover-style__link {
    transition: all .8s
}

.hover-style:hover .hover-style__link {
    color: rgb(var(--color-accent))
}

.hover-style--hover1:hover img {
    transform: scale(1.1)
}

.hover-style--hover2 img {
    width: 100%;
    height: auto;
    transition: transform .6s
}

.hover-style--hover2:hover img {
    transform: scale(1.4) rotate(10deg)
}

.hover-style--hover3 img {
    width: 100%;
    height: auto;
    transition: transform 1s
}

.hover-style--hover3:hover img {
    transform: translateY(-15px)
}

.hover-style--hover4 img {
    width: 100%;
    height: auto;
    transition: transform 1s
}

.hover-style--hover5 {
    overflow: hidden
}

.hover-style--hover5 img {
    transition: filter .5s, color .5s
}

.hover-style--hover5:hover {
    filter: blur(.3rem);
    filter: grayscale(100%)
}

.hover-style {
    overflow: hidden;
    height: 100%
}

.hover-style a {
    cursor: pointer
}

.hover-style a img {
    height: 100%;
    transition: transform .8s
}

.hover-style__link {
    height: 100%
}

@media (max-width: 992px) {
    .hover-style__link {
        display: unset
    }
}

.hover-style--hover4 .xo-image {
    position: relative
}

.hover-style--hover4 .xo-image:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    z-index: 2;
    background: #ffffffb3;
    transition: width .6s, height .6s, opacity .6s .6s;
    pointer-events: none
}

.hover-style--hover4 .img {
    transform: scale(1.2)
}

.hover-style--hover4:hover .xo-image:after {
    width: 100%;
    height: 100%;
    opacity: 0
}

.hover-style--hover6:hover img {
    animation-name: horizontal;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    transform: scale(1)
}

@keyframes horizontal {
    16.65% {
        transform: translate(8px)
    }

    33.3% {
        transform: translate(-6px)
    }

    49.95% {
        transform: translate(4px)
    }

    66.6% {
        transform: translate(-2px)
    }

    83.25% {
        transform: translate(1px)
    }

    to {
        transform: translate(0)
    }
}

.ig-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 0 1rem;
    border-radius: var(--text-boxes-radius);
    z-index: 10;
    display: flex;
    gap: 1.2rem;
    align-items: center
}

@media (min-width: 768px) {
    .ig-title {
        padding: 0 2rem
    }
}

.ig-title__instagram {
    opacity: .7;
    margin: 0;
    font-size: calc(var(--font-heading-scale)*1.4rem);
    line-height: calc(1 + 1.6/var(--font-heading-scale));
    white-space: nowrap
}

@media (min-width: 768px) {
    .ig-title__instagram {
        font-size: calc(var(--font-heading-scale)*1.6rem);
        line-height: calc(1 + 2.25/var(--font-heading-scale))
    }
}

.ig-title__img {
    display: flex;
    align-items: center;
    position: relative
}

@media (min-width: 768px) {
    .ig-title__img svg {
        width: 2rem;
        height: 2rem
    }
}

.xo-image {
    position: relative;
    border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
    border-radius: var(--media-radius);
    box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-foreground), var(--media-shadow-opacity));
    overflow: hidden
}

.xo-image img {
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: var(--xo-ratio-percent)
}

.xo-image__overlay {
    background-color: #fff
}

.xo-image__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--color-foreground), .1)
}

.placeholder-svg {
    width: 100%;
    height: 100%
}

.xo-language-select__trigger {
    display: flex;
    line-height: 0;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
    padding: .5rem 0;
    font-weight: 500
}

.xo-language-select__trigger span {
    color: rgb(var(--color-foreground))
}

.xo-language-select__trigger[xo-active] svg {
    transform: rotateX(180deg)
}

.xo-language-select__content {
    display: flex;
    flex-direction: column;
    min-width: 10rem;
    background-color: color-mix(in srgb, rgb(var(--color-background)) 100%, #ffffff);
    border-radius: .5rem;
    box-shadow: 0 2rem 3rem #0000001f;
    z-index: 100
}

.xo-language-select__item {
    width: 100%;
    padding-bottom: 1rem;
    padding-left: 2rem;
    font-weight: 500;
    padding-right: 2rem;
    transition: all .3s ease;
    cursor: pointer
}

.xo-language-select__item:hover .xo-language-select__name {
    opacity: 1;
    color: var(--color-foreground)
}

.xo-language-select__item:first-child {
    padding: 1rem 2rem
}

.xo-language-select__name {
    opacity: .5;
    transition: .3s
}

.xo-language-select__input {
    display: none
}

.xo-language-select__input:checked~.xo-language-select__name {
    opacity: 1;
    color: var(--color-foreground)
}

.xo-loader-1 {
    --size: 40;
    --color: #000;
    --duration: 1600;
    position: relative;
    width: calc(var(--size)*1px);
    height: calc(var(--size)*1px)
}

.xo-loader-1:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: calc(var(--size)/10*1px);
    width: 1em;
    height: 1em;
    margin: -.5em 0 0 -.5em;
    border: none;
    border-radius: 50%;
    background: 0 0;
    animation: xo-loader-1 calc(var(--duration)*1ms) infinite ease;
    transform: translateZ(0)
}

.xo-btn .xo-loader-1:before {
    animation: none
}

.xo-btn--loading .xo-loader-1:before,
xo-cart-shipping-rates-submit[xo-loading]:not([xo-loading=false]) .xo-loader-1:before,
xo-cart-note-submit[xo-loading]:not([xo-loading=false]) .xo-loader-1:before,
xo-cart-add[xo-loading]:not([xo-loading=false]) .xo-loader-1:before,
xo-product-quick-view-trigger[xo-loading]:not([xo-loading=false]) .xo-loader-1:before {
    animation: xo-loader-1 calc(var(--duration)*1ms) infinite ease
}

@keyframes xo-loader-1 {
    0% {
        transform: rotate(0);
        box-shadow: 0 -4.15em 0 0 var(--color), 0 -4.15em 0 -.1em var(--color), 0 -4.15em 0 -.2em var(--color), 0 -4.15em 0 -.3em var(--color), 0 -4.15em 0 -.315em var(--color)
    }

    5%,
    95% {
        box-shadow: 0 -4.15em 0 0 var(--color), 0 -4.15em 0 -.1em var(--color), 0 -4.15em 0 -.2em var(--color), 0 -4.15em 0 -.3em var(--color), 0 -4.15em 0 -.315em var(--color)
    }

    10%,
    59% {
        box-shadow: 0 -4.15em 0 0 var(--color), -.435em -4.125em 0 -.1em var(--color), -.865em -4.06em 0 -.2em var(--color), -1.28em -3.945em 0 -.3em var(--color), -1.485em -3.875em 0 -.315em var(--color)
    }

    20% {
        box-shadow: 0 -4.15em 0 0 var(--color), -1.69em -3.79em 0 -.1em var(--color), -2.775em -3.085em 0 -.2em var(--color), -3.335em -2.44em 0 -.3em var(--color), -3.745em -1.7em 0 -.315em var(--color)
    }

    38% {
        box-shadow: 0 -4.15em 0 0 var(--color), -1.885em -3.7em 0 -.1em var(--color), -3.225em -2.61em 0 -.2em var(--color), -3.875em -1.485em 0 -.3em var(--color), -4.1em -.45em 0 -.315em var(--color)
    }

    to {
        transform: rotate(360deg);
        box-shadow: 0 -4.15em 0 0 var(--color), 0 -4.15em 0 -.1em var(--color), 0 -4.15em 0 -.2em var(--color), 0 -4.15em 0 -.3em var(--color), 0 -4.15em 0 -.315em var(--color)
    }
}

.xo-loader-2 {
    --size: 26;
    --color: #000;
    --duration: 1000;
    --stroke-width: 2;
    position: relative;
    width: calc(var(--size)*1px);
    height: calc(var(--size)*1px)
}

.xo-loader-2>* {
    width: 100%;
    height: 100%;
    position: absolute;
    border: calc(var(--stroke-width)*1px) solid rgba(0, 0, 0, 0);
    border-top-color: currentColor;
    animation: xo-loader-2 calc(var(--duration)*1ms) linear infinite;
    transform: translateZ(0);
    border-radius: 50%;
    color: var(--color)
}

.xo-btn .xo-loader-2>* {
    animation: none
}

.xo-btn--loading .xo-loader-2>*,
xo-cart-shipping-rates-submit[xo-loading]:not([xo-loading=false]) .xo-loader-2>*,
xo-cart-note-submit[xo-loading]:not([xo-loading=false]) .xo-loader-2>*,
xo-cart-add[xo-loading]:not([xo-loading=false]) .xo-loader-2>*,
xo-product-quick-view-trigger[xo-loading]:not([xo-loading=false]) .xo-loader-2>* {
    animation: xo-loader-2 calc(var(--duration)*1ms) linear infinite
}

@keyframes xo-loader-2 {
    0% {
        visibility: hidden;
        display: none;
        transform: rotate(0)
    }

    to {
        visibility: visible;
        display: block;
        transform: rotate(360deg)
    }
}

.xo-loader-3 {
    --size: 10;
    --color: #000;
    --duration: 1000;
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    height: calc(var(--size)*1px)
}

.xo-loader-3>*,
.xo-loader-3:before,
.xo-loader-3:after {
    height: calc(var(--size)*1px);
    width: calc(var(--size)*1px);
    border-radius: 50%;
    background-color: var(--color)
}

.xo-loader-3>* {
    margin: 0 calc(var(--size)/2*1px);
    animation: calc(var(--duration)*1ms) xo-loader-3 ease-in-out infinite .15555s
}

.xo-loader-3:before {
    content: "";
    animation: calc(var(--duration)*1ms) xo-loader-3 ease-in-out infinite 0s
}

.xo-loader-3:after {
    content: "";
    animation: calc(var(--duration)*1ms) xo-loader-3 ease-in-out infinite .3s
}

.xo-btn .xo-loader-3>*,
.xo-btn .xo-loader-3:before,
.xo-btn .xo-loader-3:after {
    animation: none
}

.xo-btn--loading .xo-loader-3>*,
xo-cart-shipping-rates-submit[xo-loading]:not([xo-loading=false]) .xo-loader-3>*,
xo-cart-note-submit[xo-loading]:not([xo-loading=false]) .xo-loader-3>*,
xo-cart-add[xo-loading]:not([xo-loading=false]) .xo-loader-3>*,
xo-product-quick-view-trigger[xo-loading]:not([xo-loading=false]) .xo-loader-3>* {
    animation: calc(var(--duration)*1ms) xo-loader-3 ease-in-out infinite .15555s
}

.xo-btn--loading .xo-loader-3:before,
xo-cart-shipping-rates-submit[xo-loading]:not([xo-loading=false]) .xo-loader-3:before,
xo-cart-note-submit[xo-loading]:not([xo-loading=false]) .xo-loader-3:before,
xo-cart-add[xo-loading]:not([xo-loading=false]) .xo-loader-3:before,
xo-product-quick-view-trigger[xo-loading]:not([xo-loading=false]) .xo-loader-3:before {
    animation: calc(var(--duration)*1ms) xo-loader-3 ease-in-out infinite 0s
}

.xo-btn--loading .xo-loader-3:after,
xo-cart-shipping-rates-submit[xo-loading]:not([xo-loading=false]) .xo-loader-3:after,
xo-cart-note-submit[xo-loading]:not([xo-loading=false]) .xo-loader-3:after,
xo-cart-add[xo-loading]:not([xo-loading=false]) .xo-loader-3:after,
xo-product-quick-view-trigger[xo-loading]:not([xo-loading=false]) .xo-loader-3:after {
    animation: calc(var(--duration)*1ms) xo-loader-3 ease-in-out infinite .3s
}

@keyframes xo-loader-3 {

    0%,
    80%,
    to {
        transform: scale(0);
        opacity: 0
    }

    40% {
        transform: scale(1);
        opacity: 1
    }
}

.main-search-mobile__trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    border: .2rem solid rgba(var(--color-foreground), .5);
    border-radius: var(--buttons-radius);
    padding: 1rem 2rem;
    cursor: pointer;
    transition: .3s
}

@media (min-width: 768px) {
    .main-search-mobile__trigger {
        display: none
    }
}

.main-search-mobile__trigger:hover {
    background-color: rgba(var(--color-foreground));
    border: .2rem solid rgba(var(--color-foreground))
}

.main-search-mobile__trigger:hover .main-search-mobile__trigger-text {
    color: rgba(var(--color-background))
}

.main-search-mobile__trigger:hover svg {
    color: rgba(var(--color-background))
}

.main-search-mobile__trigger-text {
    font-size: calc(var(--font-body-scale)*1.5rem);
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: calc(var(--font-body-scale)*.1rem);
    line-height: 0;
    color: rgba(var(--color-foreground))
}

.main-search-mobile__modal-wrap {
    width: 100%;
    padding: 4.8rem;
    background-color: rgba(var(--color-background));
    position: relative
}

@media (min-width: 576px) {
    .main-search-mobile__modal-wrap {
        width: 41.5rem
    }
}

@media (min-width: 768px) {
    .main-search-mobile__modal-wrap {
        display: none
    }
}

.main-search-mobile__modal {
    overflow-x: hidden
}

.main-search-mobile__modal-close {
    cursor: pointer;
    position: absolute;
    top: 1rem
}

[dir=ltr] .main-search-mobile__modal-close {
    right: 1rem
}

[dir=rtl] .main-search-mobile__modal-close {
    left: 1rem
}

.main-search-mobile__modal-close button {
    all: unset;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: .3s
}

.main-search-mobile__modal-close svg {
    color: rgba(var(--color-foreground));
    line-height: 0
}

.main-search-mobile__modal-close:hover button {
    background-color: rgba(var(--color-foreground));
    rotate: 180deg
}

.main-search-mobile__modal-close:hover svg {
    color: rgba(var(--color-background))
}

.main-search-style1__header {
    padding-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (min-width: 768px) {
    .main-search-style1__header {
        justify-content: flex-end;
        padding-bottom: 3rem
    }
}

@media (max-width: 767px) {
    .main-search-style1__sidebar {
        display: none
    }
}

.main-search-style2__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2rem
}

@media (min-width: 768px) {
    .main-search-style2__header {
        padding-bottom: 3rem
    }
}

.main-search-style2__header--end {
    justify-content: flex-end
}

.main-search-style2__trigger {
    display: none
}

@media (min-width: 768px) {
    .main-search-style2__trigger {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        border: .2rem solid rgba(var(--color-foreground), .5);
        border-radius: var(--buttons-radius);
        padding: 1rem 2rem;
        cursor: pointer;
        transition: .3s
    }
}

.main-search-style2__trigger svg {
    font-weight: 700
}

.main-search-style2__trigger.xo-active {
    background-color: rgba(var(--color-foreground));
    border-color: rgba(var(--color-foreground))
}

.main-search-style2__trigger.xo-active .main-search-style2__trigger-text {
    color: rgba(var(--color-background))
}

.main-search-style2__trigger.xo-active svg {
    color: rgba(var(--color-background))
}

.main-search-style2__trigger[xo-active]:not([xo-active=false]) {
    background-color: rgba(var(--color-foreground));
    border-color: rgba(var(--color-foreground))
}

.main-search-style2__trigger[xo-active]:not([xo-active=false]) .main-search-style2__trigger-text {
    color: rgba(var(--color-background))
}

.main-search-style2__trigger[xo-active]:not([xo-active=false]) svg {
    color: rgba(var(--color-background))
}

.main-search-style2__trigger:hover {
    background-color: rgba(var(--color-foreground));
    border-color: rgba(var(--color-foreground))
}

.main-search-style2__trigger:hover .main-search-style2__trigger-text {
    color: rgba(var(--color-background))
}

.main-search-style2__trigger:hover svg {
    color: rgba(var(--color-background))
}

.main-search-style2__trigger-text {
    font-size: calc(var(--font-body-scale)*1.5rem);
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: calc(var(--font-body-scale)*.1rem);
    line-height: 0;
    color: rgba(var(--color-foreground))
}

.main-search-style2__modal-wrap {
    display: none;
    position: relative
}

@media (min-width: 768px) {
    .main-search-style2__modal-wrap {
        display: block;
        width: 41.5rem;
        padding: 4.8rem;
        background-color: rgba(var(--color-background))
    }
}

.main-search-style2__modal {
    overflow-x: hidden
}

.main-search-style2__modal-close {
    cursor: pointer;
    position: absolute;
    top: 1rem
}

[dir=ltr] .main-search-style2__modal-close {
    right: 1rem
}

[dir=rtl] .main-search-style2__modal-close {
    left: 1rem
}

.main-search-style2__modal-close button {
    all: unset;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: .3s
}

.main-search-style2__modal-close svg {
    color: rgba(var(--color-foreground));
    line-height: 0
}

.main-search-style2__modal-close:hover button {
    background-color: rgba(var(--color-foreground));
    rotate: 180deg
}

.main-search-style2__modal-close:hover svg {
    color: rgba(var(--color-background))
}

.main-search-style2__grid {
    display: flex;
    justify-content: space-between
}

.main-search-style2__grid.xo-active {
    display: flex
}

.main-search-style2__grid.xo-active .main-search-style2__sidebar {
    visibility: visible;
    opacity: 1;
    width: 32rem;
    margin-right: 3rem
}

.main-search-style2__grid.xo-active .main-search-style2__content-wrap {
    width: calc(100% - 35rem)
}

.main-search-style2__sidebar {
    width: 0;
    opacity: 0;
    transition: .3s;
    overflow-x: hidden;
    visibility: hidden
}

.main-search-style2__content-wrap {
    width: 100%;
    transition: .3s
}

.main-search-style2__collapse-wrap {
    display: none
}

@media (min-width: 768px) {
    .main-search-style2__collapse-wrap {
        display: grid;
        padding: 3rem 6rem;
        margin-bottom: 2rem;
        border: .1rem solid rgba(var(--color-foreground), .1)
    }
}

.main-search-style2__collapse {
    overflow-x: hidden
}

.main-search-style2__collapse .search-sidebar__menu {
    max-height: 22rem;
    overflow-y: auto;
    overflow-x: hidden
}

.main-search-style2__collapse .search-sidebar__menu::-webkit-scrollbar {
    width: .3rem;
    background-color: rgba(var(--color-foreground), .08)
}

.main-search-style2__collapse .search-sidebar__menu::-webkit-scrollbar-thumb {
    background-color: rgba(var(--color-foreground), .12)
}

.main-search-style2__collapse .search-sidebar__menu::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--color-foreground))
}

.xo-menu-hamburger__trigger {
    width: 2.3rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 100%
}

.xo-menu-hamburger__trigger--close {
    height: 2rem;
    margin: 0 5rem
}

.xo-menu-hamburger__trigger--close2 {
    position: absolute;
    top: 15%;
    left: 15%;
    height: 2rem
}

.xo-menu-hamburger__trigger--close2 .xo-menu-hamburger__icon {
    background-color: #fff
}

.xo-menu-hamburger__trigger--close2 .xo-menu-hamburger__icon:before,
.xo-menu-hamburger__trigger--close2 .xo-menu-hamburger__icon:after {
    background-color: #fff
}

@media (min-width: 1200px) {
    .xo-menu-hamburger__trigger--close2 {
        top: 30%;
        left: 30%
    }
}

.xo-menu-hamburger__trigger--close3 {
    position: absolute;
    top: 15%;
    left: 15%;
    height: 2rem
}

.xo-menu-hamburger__trigger--close3 .xo-menu-hamburger__icon {
    background-color: #fff
}

.xo-menu-hamburger__trigger--close3 .xo-menu-hamburger__icon:before,
.xo-menu-hamburger__trigger--close3 .xo-menu-hamburger__icon:after {
    background-color: #fff
}

@media (min-width: 1200px) {
    .xo-menu-hamburger__trigger--close3 {
        left: 30%
    }
}

.xo-menu-hamburger__trigger[xo-active]:not([xo-active=false]) .xo-menu-hamburger__icon {
    transform: rotate(45deg);
    transition-delay: .22s;
    width: 2.3rem
}

.xo-menu-hamburger__trigger[xo-active]:not([xo-active=false]) .xo-menu-hamburger__icon:before {
    top: 0;
    opacity: 0;
    transition: top .2s ease, opacity .2s ease .22s, width .1s ease
}

.xo-menu-hamburger__trigger[xo-active]:not([xo-active=false]) .xo-menu-hamburger__icon:after {
    bottom: 0;
    transform: rotate(-90deg);
    width: 2.3rem;
    transition: bottom .2s ease, transform .2s ease .22s, width .1s ease
}

.xo-menu-hamburger__trigger:hover .xo-menu-hamburger__icon,
.xo-menu-hamburger__trigger:hover .xo-menu-hamburger__icon:after {
    width: 2.3rem
}

.xo-menu-hamburger__icon {
    position: relative;
    width: 1.2rem;
    height: .2rem;
    background-color: rgba(var(--color-foreground));
    transition: .2s ease
}

.xo-menu-hamburger__icon:before,
.xo-menu-hamburger__icon:after {
    content: "";
    position: absolute;
    height: .2rem;
    background-color: rgba(var(--color-foreground))
}

[dir=ltr] .xo-menu-hamburger__icon:before,
[dir=ltr] .xo-menu-hamburger__icon:after {
    left: 0
}

[dir=rtl] .xo-menu-hamburger__icon:before,
[dir=rtl] .xo-menu-hamburger__icon:after {
    right: 0
}

.xo-menu-hamburger__icon:before {
    top: -.7rem;
    width: 2.3rem;
    transition: top .2s ease .22s, opacity .2s ease
}

@media (min-width: 1200px) {
    .xo-menu-hamburger__icon:before {
        top: -.8rem
    }
}

.xo-menu-hamburger__icon:after {
    bottom: -.7rem;
    width: 1.7rem;
    transition: bottom .2s ease .22s, transform .2s ease, width .2s ease
}

@media (min-width: 1200px) {
    .xo-menu-hamburger__icon:after {
        bottom: -.8rem
    }
}

.xo-menu-horizontal {
    display: flex;
    align-items: center
}

.xo-menu-horizontal__item {
    position: relative;
    cursor: pointer;
    padding: var(--padding) 2.5rem
}

.xo-menu-horizontal__item:hover .xo-menu-horizontal__label {
    color: rgba(var(--color-foreground), .5)
}

.xo-menu-horizontal__item:hover .xo-menu-horizontal__arrow svg {
    stroke: color-mix(in srgb, rgba(var(--color-foreground), .5) 100%, #ffffff)
}

.xo-menu-horizontal__item:first-child {
    padding-inline-start: 0
}

.xo-menu-horizontal__item:last-child {
    padding-inline-end: 0
}

.xo-menu-horizontal__item--child {
    padding: .5rem 1.5rem
}

.xo-menu-horizontal__item--child:first-child {
    padding-inline-start: 1.5rem
}

.xo-menu-horizontal__item--child:last-child {
    padding-inline-end: 1.5rem
}

.xo-menu-horizontal__item--child .xo-menu-horizontal__link {
    justify-content: space-between
}

.xo-menu-horizontal__item--child:hover .xo-menu-horizontal__child-label {
    opacity: 1;
    transform: translate(.5rem)
}

.xo-menu-horizontal__item--child:hover .xo-menu-horizontal__child-arrow svg {
    opacity: 1
}

.xo-menu-horizontal__item--child.xo-menu-horizontal__item--open .xo-menu-horizontal__child-label {
    opacity: 1;
    transform: translate(.5rem)
}

.xo-menu-horizontal__item--child.xo-menu-horizontal__item--open .xo-menu-horizontal__child-arrow svg {
    opacity: 1
}

.xo-menu-horizontal__item--grandchild {
    padding: .5rem 1.5rem
}

.xo-menu-horizontal__item--grandchild:first-child {
    padding-inline-start: 1.5rem
}

.xo-menu-horizontal__item--grandchild:last-child {
    padding-inline-end: 1.5rem
}

.xo-menu-horizontal__item--grandchild:hover .xo-menu-horizontal__grandchild-label {
    opacity: 1;
    transform: translate(.5rem)
}

.xo-menu-horizontal__item--hover:hover>.xo-menu-horizontal__sub-menu,
.xo-menu-horizontal__item--hover:hover>.xo-menu-horizontal__mega-menu,
.xo-menu-horizontal__item--open>.xo-menu-horizontal__sub-menu,
.xo-menu-horizontal__item--open>.xo-menu-horizontal__mega-menu {
    pointer-events: auto;
    opacity: 1;
    transform: translateZ(0)
}

.xo-menu-horizontal__mega-menu {
    position: absolute;
    top: 100%;
    box-shadow: .7rem .6rem 4rem #ccccdf29;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, 1rem, 0);
    transition: .3s
}

[dir=ltr] .xo-menu-horizontal__mega-menu {
    left: 0
}

[dir=rtl] .xo-menu-horizontal__mega-menu {
    right: 0
}

.xo-menu-horizontal__mega-menu:empty {
    display: none
}

.xo-menu-horizontal__mega-menu:not(:empty)~.xo-menu-horizontal__sub-menu {
    display: none
}

.xo-menu-horizontal__mega-menu:not(:empty)~.xo-menu-horizontal__link .xo-menu-horizontal__arrow--mega-menu {
    display: block
}

.xo-menu-horizontal__link {
    position: relative;
    display: flex;
    align-items: center
}

.xo-menu-horizontal__label {
    font-size: calc(var(--font-heading-scale)*1.3rem);
    color: rgb(var(--color-foreground));
    font-weight: 500;
    margin-bottom: 0;
    text-transform: uppercase;
    white-space: nowrap;
    transition: .3s
}

.xo-menu-horizontal__child-label,
.xo-menu-horizontal__grandchild-label {
    font-size: calc(var(--font-heading-scale)*1.5rem);
    color: rgba(var(--color-foreground));
    opacity: .5;
    font-weight: 500;
    margin-bottom: 0;
    white-space: nowrap;
    transition: .3s
}

.xo-menu-horizontal__label-filter {
    position: absolute;
    top: -1.8rem;
    font-size: calc(var(--font-body-scale)*.8rem);
    text-transform: uppercase;
    padding: 0 .5rem;
    font-weight: 600;
    line-height: calc(1 + 1/var(--font-heading-scale));
    letter-spacing: calc(var(--font-heading-scale)*.2rem);
    color: #fff;
    background-color: var(--bg-color)
}

[dir=ltr] .xo-menu-horizontal__label-filter {
    left: 50%
}

[dir=rtl] .xo-menu-horizontal__label-filter {
    right: 50%
}

.xo-menu-horizontal__label-filter:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 1rem;
    border-right: .4rem solid rgba(0, 0, 0, 0);
    border-top: .4rem solid var(--bg-color)
}

.xo-menu-horizontal__arrow {
    line-height: 0
}

.xo-menu-horizontal__arrow svg {
    stroke: color-mix(in srgb, rgba(var(--color-foreground)) 100%, #ffffff);
    transition: .3s
}

.xo-menu-horizontal__child-arrow {
    line-height: 0
}

.xo-menu-horizontal__child-arrow svg {
    stroke: rgba(var(--color-foreground));
    opacity: .5;
    transition: .3s
}

.xo-menu-horizontal__arrow--mega-menu {
    display: none
}

.xo-menu-horizontal__logo {
    display: flex;
    align-items: center
}

.xo-menu-horizontal__sub-menu {
    position: absolute;
    top: 100%;
    box-shadow: 0 .5rem 1.5rem #00000012;
    width: 20rem;
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, 1rem, 0);
    transition: .3s;
    border-radius: .5rem;
    background-color: var(--submenu-bg-color, rgb(var(--color-background)));
    background-image: var(--submenu-bg-gradient);
    padding: 1.5rem 0
}

[dir=ltr] .xo-menu-horizontal__sub-menu {
    left: 0
}

[dir=rtl] .xo-menu-horizontal__sub-menu {
    right: 0
}

.xo-menu-horizontal__sub-menu--grandchild {
    top: -.1rem
}

[dir=ltr] .xo-menu-horizontal__sub-menu--grandchild {
    left: 100%
}

[dir=rtl] .xo-menu-horizontal__sub-menu--grandchild {
    right: 100%
}

.xo-menu-scroll__list {
    white-space: nowrap;
    margin: 0;
    padding: 0;
    overflow-x: auto
}

.xo-menu-scroll__list::-webkit-scrollbar {
    width: 0;
    height: 0
}

@-moz-document url-prefix() {
    .xo-menu-scroll__list {
        scrollbar-width: 0;
        scrollbar-height: 0
    }
}

.xo-menu-scroll__item {
    display: inline-block
}

.xo-menu-scroll__link {
    display: block;
    padding: .5rem 2rem
}

.xo-menu-scroll__link--current {
    color: red
}

.xo-modal-content-style1 {
    --gap: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    pointer-events: none
}

.xo-modal-content-style1__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: var(--width);
    max-width: calc(100vw - var(--gap)*2);
    max-height: var(--height);
    background-color: rgba(var(--color-background));
    pointer-events: auto
}

.xo-modal-content-style1__inner--full-height {
    height: 100dvh;
    max-height: 100dvh
}

.xo-modal-content-style1__inner--full-width {
    width: 100vw;
    max-width: 100vw
}

.xo-modal-content-style1__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    min-height: 5rem
}

.xo-modal-content-style1__title {
    font-size: clamp(2rem, calc(.5vw + 1.8rem), 2.4rem);
    line-height: 1.3;
    margin: 0
}

.xo-modal-content-style1__close {
    cursor: pointer;
    transition: .3s;
    width: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.2rem;
    border-radius: 50%;
    background-color: rgba(var(--color-background))
}

.xo-modal-content-style1__close:hover {
    background-color: rgba(var(--color-foreground));
    rotate: 180deg
}

.xo-modal-content-style1__close:hover svg {
    color: rgba(var(--color-background))
}

.xo-modal-content-style1__close--abs {
    position: absolute;
    top: 1.5rem;
    transition: all .5s ease;
    line-height: calc(1 + 0/var(--font-heading-scale));
    display: inline-block
}

[dir=ltr] .xo-modal-content-style1__close--abs {
    right: 1.5rem
}

[dir=rtl] .xo-modal-content-style1__close--abs {
    left: 1.5rem
}

.xo-modal-content-style1__close--abs:hover {
    transform-origin: center;
    transform: rotate(180deg)
}

.xo-modal-content-style1__body {
    width: 100%;
    height: 100%
}

.xo-modal-content-style1__footer {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    min-height: var(--footer-height)
}

.xo-modal-content-style1__footer>* {
    width: 100%
}

.xo-modal-content-style1__separator {
    width: 100%;
    height: .1rem;
    transition: .3s ease calc(var(--xo-duration)*1ms)
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content-style1 {
    padding: var(--modal-margin)
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content-style1__header {
    padding: 0 2.4rem
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content-style1__inner {
    border: var(--modal-border-width) solid rgba(var(--color-foreground), var(--modal-border-opacity));
    border-radius: var(--modal-corner-radius);
    box-shadow: var(--modal-shadow-horizontal-offset) var(--modal-shadow-vertical-offset) var(--modal-shadow-blur-radius) rgba(var(--color-foreground), var(--modal-shadow-opacity))
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content-style1__inner--full-height {
    height: calc(100dvh - var(--modal-margin)*2);
    max-height: calc(100dvh - var(--modal-margin)*2)
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content-style1__inner--full-width {
    width: calc(100vw - var(--modal-margin)*2);
    max-width: calc(100vw - var(--modal-margin)*2)
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content-style1__content {
    padding: 0rem 2.4rem 1.6rem
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content-style1__footer {
    padding: 2.4rem
}

xo-modal[xo-placement*=-left] .xo-modal-content-style1,
xo-modal[xo-placement*=-right] .xo-modal-content-style1 {
    padding: var(--drawer-margin)
}

xo-modal[xo-placement*=-left] .xo-modal-content-style1__header,
xo-modal[xo-placement*=-right] .xo-modal-content-style1__header {
    padding: 0 2.4rem
}

xo-modal[xo-placement*=-left] .xo-modal-content-style1__inner,
xo-modal[xo-placement*=-right] .xo-modal-content-style1__inner {
    border: var(--drawer-border-width) solid rgba(var(--color-foreground), var(--drawer-border-opacity));
    border-radius: var(--drawer-corner-radius);
    box-shadow: var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) rgba(var(--color-foreground), var(--drawer-shadow-opacity))
}

xo-modal[xo-placement*=-left] .xo-modal-content-style1__inner--full-height,
xo-modal[xo-placement*=-right] .xo-modal-content-style1__inner--full-height {
    height: calc(100dvh - var(--drawer-margin)*2);
    max-height: calc(100dvh - var(--drawer-margin)*2)
}

xo-modal[xo-placement*=-left] .xo-modal-content-style1__inner--full-width,
xo-modal[xo-placement*=-right] .xo-modal-content-style1__inner--full-width {
    width: calc(100vw - var(--drawer-margin)*2);
    max-width: calc(100vw - var(--drawer-margin)*2)
}

xo-modal[xo-placement*=-left] .xo-modal-content-style1__content,
xo-modal[xo-placement*=-right] .xo-modal-content-style1__content {
    padding: 0rem 2.4rem 1.6rem
}

xo-modal[xo-placement*=-left] .xo-modal-content-style1__footer,
xo-modal[xo-placement*=-right] .xo-modal-content-style1__footer {
    padding: 2.4rem
}

.xo-modal-content-style1__header--scroll {
    box-shadow: 0 0 .4rem #e9e9e9
}

.collection-product-footer {
    display: flex;
    gap: 2rem
}

.collection-product-footer__name-product {
    font-size: calc(var(--font-body-scale)*1.5rem);
    margin-bottom: .5rem
}

.collection-product-footer__name-product a {
    color: rgba(var(--color-foreground))
}

.collection-product-footer__price .xo-price__sale .xo-price__item {
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.collection-product-footer__price .xo-price__sale .xo-price__item--del {
    font-size: calc(var(--font-body-scale)*1.2rem)
}

.xo-product-card__add {
    cursor: pointer;
    transition: all .3s ease-in
}

.xo-product-card__add:hover span {
    color: rgba(var(--color-foreground));
    text-decoration-color: rgba(var(--color-foreground))
}

.xo-product-card__add span {
    text-decoration: underline;
    text-underline-offset: .4rem;
    text-decoration-color: rgba(var(--color-foreground), .6);
    color: rgba(var(--color-foreground), .6);
    transition: .3s ease-in;
    font-size: calc(var(--font-body-scale)*1.3rem)
}

.collection-product-footer__img .xo-image {
    width: 7rem;
    aspect-ratio: var(--aspect-ratio)
}

@media (min-width: 768px) {
    .collection-product-footer__img .xo-image {
        width: 8rem
    }
}

.collection-product-footer__img .xo-image img {
    height: 100%
}

.cart-carousel-btn__wrap {
    position: absolute;
    top: -5rem;
    right: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: .5rem
}

.cart-carousel-btn[xo-disabled] {
    opacity: .35
}

.button-trans {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--color-background));
    cursor: pointer;
    border: .1rem solid rgba(var(--color-foreground));
    transition: all .3s ease
}

.button-trans svg {
    color: rgba(var(--color-foreground))
}

.button-trans:hover {
    scale: 1.1;
    background-color: rgba(var(--color-foreground))
}

.button-trans:hover svg {
    color: rgba(var(--color-background))
}

.title-collection-cart {
    position: relative;
    font-size: calc(var(--font-heading-scale)*1.8rem);
    margin-bottom: 2rem;
    padding-top: .8rem
}

.xo-modal-content {
    --gap: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    pointer-events: none
}

.xo-modal-content__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: var(--width);
    max-width: calc(100vw - var(--gap)*2);
    max-height: var(--height);
    background-color: rgba(var(--color-background));
    pointer-events: auto
}

.xo-modal-content__inner--full-height {
    height: 100dvh;
    max-height: 100dvh
}

.xo-modal-content__inner--full-width {
    width: 100vw;
    max-width: 100vw
}

.xo-modal-content__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    min-height: var(--header-height)
}

.xo-modal-content__header.recover {
    margin-top: 2rem;
    justify-content: center;
    min-height: 4rem
}

.xo-modal-content__header.recover .xo-modal-content__close {
    position: absolute;
    top: 1rem;
    right: 1rem
}

.xo-modal-content__title {
    font-size: clamp(2rem, calc(.5vw + 1.8rem), 2.4rem);
    line-height: 1.3;
    margin: 0
}

.xo-modal-content__close {
    cursor: pointer;
    transition: .3s;
    width: 3.2rem;
    display: flex;
    z-index: 10;
    align-items: center;
    justify-content: center;
    height: 3.2rem;
    border-radius: 50%;
    background-color: rgba(var(--color-background))
}

.xo-modal-content__close:hover {
    background-color: rgba(var(--color-foreground));
    rotate: 180deg
}

.xo-modal-content__close:hover svg {
    color: rgba(var(--color-background))
}

.xo-modal-content__close--abs {
    position: absolute;
    top: 1.5rem;
    transition: all .5s ease;
    line-height: calc(1 + 0/var(--font-heading-scale));
    display: flex
}

[dir=ltr] .xo-modal-content__close--abs {
    right: 1.5rem
}

[dir=rtl] .xo-modal-content__close--abs {
    left: 1.5rem
}

.xo-modal-content__close--abs:hover {
    transform-origin: center;
    transform: rotate(180deg)
}

.xo-modal-content__body {
    width: 100%;
    height: 100%
}

.xo-modal-content__footer {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    min-height: var(--footer-height)
}

.xo-modal-content__footer>* {
    width: 100%
}

.xo-modal-content__separator {
    width: 100%;
    height: .1rem;
    transition: .3s ease calc(var(--xo-duration)*1ms)
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) {
    --xo-backdrop-color: rgba(var(--color-foreground), var(--modal-backdrop-opacity));
    --xo-backdrop-blur: var(--modal-backdrop-blur)
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content {
    padding: var(--modal-margin)
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__header {
    padding: 0 var(--modal-padding)
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__inner {
    border: var(--modal-border-width) solid rgba(var(--color-foreground), var(--modal-border-opacity));
    border-radius: var(--modal-corner-radius);
    box-shadow: var(--modal-shadow-horizontal-offset) var(--modal-shadow-vertical-offset) var(--modal-shadow-blur-radius) rgba(var(--color-foreground), var(--modal-shadow-opacity))
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__inner--full-height {
    height: calc(100dvh - var(--modal-margin)*2);
    max-height: calc(100dvh - var(--modal-margin)*2)
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__inner--full-width {
    width: calc(100vw - var(--modal-margin)*2);
    max-width: calc(100vw - var(--modal-margin)*2)
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__footer {
    padding: 0 var(--modal-padding)
}

xo-modal[xo-placement*=-left],
xo-modal[xo-placement*=-right] {
    --xo-backdrop-color: rgba(var(--color-foreground), var(--drawer-backdrop-opacity));
    --xo-backdrop-blur: var(--drawer-backdrop-blur)
}

xo-modal[xo-placement*=-left] .xo-modal-content,
xo-modal[xo-placement*=-right] .xo-modal-content {
    padding: var(--drawer-margin)
}

xo-modal[xo-placement*=-left] .xo-modal-content__header,
xo-modal[xo-placement*=-right] .xo-modal-content__header {
    padding: 0 var(--drawer-padding)
}

xo-modal[xo-placement*=-left] .xo-modal-content__inner,
xo-modal[xo-placement*=-right] .xo-modal-content__inner {
    border: var(--drawer-border-width) solid rgba(var(--color-foreground), var(--drawer-border-opacity));
    border-radius: var(--drawer-corner-radius);
    box-shadow: var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) rgba(var(--color-foreground), var(--drawer-shadow-opacity))
}

xo-modal[xo-placement*=-left] .xo-modal-content__inner--full-height,
xo-modal[xo-placement*=-right] .xo-modal-content__inner--full-height {
    height: calc(100dvh - var(--drawer-margin)*2);
    max-height: calc(100dvh - var(--drawer-margin)*2)
}

xo-modal[xo-placement*=-left] .xo-modal-content__inner--full-width,
xo-modal[xo-placement*=-right] .xo-modal-content__inner--full-width {
    width: calc(100vw - var(--drawer-margin)*2);
    max-width: calc(100vw - var(--drawer-margin)*2)
}

xo-modal[xo-placement*=-left] .xo-modal-content__content,
xo-modal[xo-placement*=-right] .xo-modal-content__content {
    padding: var(--drawer-padding)
}

xo-modal[xo-placement*=-left] .xo-modal-content__footer,
xo-modal[xo-placement*=-right] .xo-modal-content__footer {
    padding: 0 var(--drawer-padding)
}

.newsletter-form-message {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 2rem;
    padding: 1rem;
    border-radius: var(--text-boxes-radius)
}

.newsletter-form-message--success {
    background-color: #3a87351a;
    color: #3a8735
}

.newsletter-form-message--error {
    background-color: #ba04041a;
    color: #ba0404
}

.xo-page-heading {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.xo-page-heading--center {
    justify-content: center;
    text-align: center
}

.xo-page-heading--right {
    justify-content: flex-end;
    text-align: right
}

.xo-page-heading__title {
    margin: 0;
    font-size: calc(var(--font-heading-scale)*4.5rem)
}

.xo-page-heading__description {
    color: rgba(var(--color-foreground), .5)
}

.xo-pagination__list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.4rem;
    padding-top: 2rem;
    padding-left: 0;
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    color: rgba(var(--color-foreground), .3);
    list-style: none
}

@media (min-width: 768px) {
    .xo-pagination__list {
        padding-top: 4rem
    }
}

.xo-pagination__text {
    cursor: pointer;
    color: rgba(var(--color-foreground), .3)
}

.xo-pagination__arrow {
    cursor: pointer
}

.xo-pagination__page {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    color: rgba(var(--color-foreground));
    cursor: pointer;
    transition: .3s;
    line-height: 0
}

.xo-pagination__page:hover {
    background-color: rgba(var(--color-foreground), .05)
}

.xo-pagination__page--current {
    background-color: rgba(var(--color-foreground), .05);
    width: 4.4rem;
    height: 4.4rem
}

.popup-newsletter-v1 {
    position: relative;
    background: rgba(var(--color-background));
    line-height: 1.5;
    max-height: 60rem;
    overflow: hidden;
    border-radius: var(--modal-corner-radius)
}

.popup-newsletter-v1__close {
    position: absolute;
    top: 1rem;
    z-index: 2;
    right: 1rem
}

.popup-newsletter-v1__close .xo-modal-content-style1__close {
    width: 3.5rem;
    height: 3.5rem;
    background: #0000
}

.popup-newsletter-v1__close .xo-modal-content-style1__close:hover {
    background: #000;
    border-color: #000
}

.popup-newsletter-v1__close svg {
    width: 1.2rem
}

.popup-newsletter-v1__left {
    position: relative;
    text-align: center;
    padding: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: rgba(var(--color-background))
}

.popup-newsletter-v1__content {
    width: 100%
}

.popup-newsletter-v1__heading {
    position: relative;
    font-size: calc(var(--font-body-scale)*1.4rem);
    font-weight: 400;
    line-height: calc(1 + .125/var(--font-heading-scale));
    color: #333;
    margin-bottom: 3rem;
    padding-bottom: 1rem;
    text-transform: uppercase
}

.popup-newsletter-v1__heading:before {
    content: "";
    position: absolute;
    width: 6.8rem;
    height: .2rem;
    background: #000;
    bottom: 0;
    left: calc(50% - 3.4rem)
}

@media (min-width: 992px) {
    .popup-newsletter-v1__heading {
        font-size: calc(var(--font-body-scale)*1.6rem)
    }
}

.popup-newsletter-v1__sub {
    font-size: calc(var(--font-body-scale)*2.5rem);
    font-weight: 400;
    max-width: 34rem;
    padding-bottom: 1rem;
    margin: auto auto 2rem;
    position: relative;
    text-transform: unset
}

@media (min-width: 992px) {
    .popup-newsletter-v1__sub {
        font-size: calc(var(--font-body-scale)*3rem)
    }
}

.popup-newsletter-v1__desc {
    font-size: calc(var(--font-body-scale)*1.4rem);
    max-width: 33rem;
    line-height: calc(1 + .33/var(--font-heading-scale));
    margin: auto auto 3rem;
    color: #969696
}

.popup-newsletter-v1__desc strong {
    font-weight: 400;
    color: #000
}

@media (min-width: 992px) {
    .popup-newsletter-v1__desc {
        margin: auto auto 3.5rem
    }
}

@media (min-width: 576px) {
    .popup-newsletter-v1__desc {
        max-width: 44rem
    }
}

.popup-newsletter-v1__signup {
    display: block;
    margin-bottom: 3rem
}

.popup-newsletter-v1__form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 80%
}

.popup-newsletter-v1__form button {
    margin-top: 2.5rem
}

.popup-newsletter-v1__form .xo-field-input__input {
    text-align: center
}

@media (max-width: 575px) {
    .popup-newsletter-v1__form .xo-btn__text[data-text] {
        font-size: calc(var(--font-body-scale)*1rem)
    }

    .popup-newsletter-v1__form button {
        padding: 0 !important;
        max-height: 3.5rem
    }
}

.popup-newsletter-v1__no {
    font-size: calc(var(--font-body-scale)*1.6rem);
    text-transform: capitalize;
    cursor: pointer;
    transition: .2s;
    letter-spacing: 0;
    color: #111;
    font-weight: 500;
    text-decoration: underline
}

.popup-newsletter-v1__no:hover {
    color: #6c6c6c
}

@media (max-width: 767px) {
    .popup-newsletter-v1-right {
        display: none
    }
}

.popup-newsletter-v1__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v1__img img {
    width: 100%;
    max-height: 60rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v1__img .xo-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v1__img .xo-image img {
    width: 100%;
    height: 100%;
    max-height: 60rem;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v1__close--mb {
    display: none
}

@media (max-width: 767px) {
    .popup-newsletter-v1__close--mb {
        display: block
    }
}

.popup-newsletter-v2 {
    position: relative;
    background: #fff;
    line-height: 1.5;
    max-height: 60rem;
    overflow: hidden;
    border-radius: var(--modal-corner-radius)
}

.popup-newsletter-v2 li {
    list-style: none
}

.popup-newsletter-v2__content {
    width: 100%
}

.popup-newsletter-v2__close {
    position: absolute;
    top: 1rem;
    right: 1rem
}

.popup-newsletter-v2__close .xo-modal-content-style1__close {
    width: 3.5rem;
    height: 3.5rem;
    border: .1rem solid #cecece
}

.popup-newsletter-v2__close .xo-modal-content-style1__close:hover {
    border-color: #000
}

.popup-newsletter-v2__close svg {
    width: 1.2rem
}

@media (max-width: 991px) {
    .popup-newsletter-v2__left {
        display: none !important
    }
}

.popup-newsletter-v2__sub {
    font-size: calc(var(--font-body-scale)*3rem);
    font-weight: 500;
    max-width: 45rem;
    padding-bottom: 1rem;
    margin: auto auto 2rem;
    position: relative;
    text-transform: unset
}

@media (min-width: 992px) {
    .popup-newsletter-v2__sub {
        max-width: 50rem;
        font-size: calc(var(--font-body-scale)*3.4rem)
    }
}

.popup-newsletter-v2__desc {
    font-size: calc(var(--font-body-scale)*1.5rem);
    max-width: 32rem;
    line-height: calc(1 + .33/var(--font-heading-scale));
    margin: auto auto 3.5rem;
    color: #969696
}

.popup-newsletter-v2__desc strong {
    font-weight: 400;
    color: #000
}

@media (min-width: 992px) {
    .popup-newsletter-v2__desc {
        font-size: calc(var(--font-body-scale)*1.8rem)
    }
}

.popup-newsletter-v2-social__list {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    gap: 2.2rem;
    padding-bottom: 2.2rem
}

.popup-newsletter-v2-social__link {
    line-height: calc(1 + 2/var(--font-heading-scale));
    position: relative;
    text-align: center;
    transition: all .3s;
    display: flex;
    justify-content: center;
    align-items: center
}

.popup-newsletter-v2-social__link svg {
    width: 1.7rem;
    height: 1.7rem
}

.popup-newsletter-v2__signup {
    display: block;
    margin-bottom: 3rem
}

.popup-newsletter-v2__form {
    display: flex;
    justify-content: center;
    max-width: 54rem;
    margin: 0 auto;
    overflow: hidden;
    border-radius: var(--inputs-radius)
}

.popup-newsletter-v2__form .xo-field-input__input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 100%
}

.popup-newsletter-v2__form button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

@media (max-width: 575px) {
    .popup-newsletter-v2__form button {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (max-width: 767px) {
    .popup-newsletter-v2__form {
        max-height: 4rem;
        max-width: 45rem
    }

    .popup-newsletter-v2__form .popup-newsletter-v2__input {
        height: auto
    }

    .popup-newsletter-v2__form .popup-newsletter-v2__form,
    .popup-newsletter-v2__form .xo-btn__text[data-text] {
        font-size: calc(var(--font-body-scale)*1rem)
    }
}

.popup-newsletter-v2-right {
    position: relative;
    text-align: center;
    padding: 5rem;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    background: #fff
}

.popup-newsletter-v2__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v2__img img {
    width: 100%;
    max-height: 60rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v2__img .xo-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v2__img .xo-image img {
    width: 100%;
    max-height: 60rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v3 {
    position: relative;
    display: flex;
    background: #fff;
    line-height: 1.5;
    max-height: 60rem;
    border-radius: var(--modal-corner-radius)
}

.popup-newsletter-v3 li {
    list-style: none
}

.popup-newsletter-v3__container {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 5rem 3rem;
    justify-content: start;
    align-items: center;
    flex-direction: column;
    background: #fff;
    display: flex;
    margin: 1.5rem;
    border: .2rem solid #e7e7e7;
    border-radius: var(--modal-corner-radius)
}

@media (max-width: 575px) {
    .popup-newsletter-v3__container {
        padding: 5rem 1rem
    }
}

.popup-newsletter-v3__content {
    margin: 0 auto
}

.popup-newsletter-v3__close {
    position: absolute;
    top: 1rem;
    right: 1rem
}

.popup-newsletter-v3__close .xo-modal-content-style1__close {
    width: 3.5rem;
    height: 3.5rem;
    border: .1rem solid #cecece
}

.popup-newsletter-v3__close .xo-modal-content-style1__close:hover {
    border-color: #000
}

.popup-newsletter-v3__close svg {
    width: 1.2rem
}

.popup-newsletter-v3__sub {
    font-size: calc(var(--font-body-scale)*2.5rem);
    font-weight: 500;
    padding-bottom: 10px;
    margin: auto auto 2rem;
    position: relative;
    text-transform: uppercase;
    max-width: 40rem
}

@media (min-width: 768px) {
    .popup-newsletter-v3__sub {
        max-width: 45rem;
        font-size: calc(var(--font-body-scale)*3rem)
    }
}

@media (min-width: 992px) {
    .popup-newsletter-v3__sub {
        font-size: calc(var(--font-body-scale)*3.2rem)
    }
}

@media (min-width: 1200px) {
    .popup-newsletter-v3__sub {
        max-width: 52rem;
        font-size: calc(var(--font-body-scale)*3.5rem)
    }
}

.popup-newsletter-v3__desc {
    font-size: calc(var(--font-body-scale)*1.6rem);
    line-height: calc(1 + .625/var(--font-heading-scale));
    margin: auto auto 3.5rem;
    max-width: 33rem
}

.popup-newsletter-v3__desc strong {
    font-weight: 400;
    color: #000
}

@media (min-width: 992px) {
    .popup-newsletter-v3__desc {
        margin: auto auto 3.5rem
    }
}

@media (min-width: 576px) {
    .popup-newsletter-v3__desc {
        max-width: 40rem
    }
}

.popup-newsletter-v3__signup {
    margin-bottom: 3rem
}

.popup-newsletter-v3__form {
    display: flex;
    justify-content: center;
    max-width: 54rem;
    margin: 0 auto;
    overflow: hidden;
    border-radius: var(--inputs-radius)
}

.popup-newsletter-v3__form .xo-field-input__input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 100%
}

@media (max-width: 575px) {
    .popup-newsletter-v3__form .xo-btn {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (max-width: 767px) {
    .popup-newsletter-v3__form {
        max-height: 4rem;
        max-width: 45rem
    }

    .popup-newsletter-v3__form .popup-newsletter-v2__input {
        height: auto
    }

    .popup-newsletter-v3__form .popup-newsletter-v2__form,
    .popup-newsletter-v3__form .xo-btn__text[data-text] {
        font-size: calc(var(--font-body-scale)*1rem)
    }
}

.popup-newsletter-v3__heading {
    position: relative;
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 500;
    line-height: calc(1 + .09/var(--font-heading-scale));
    color: #333;
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    text-transform: uppercase
}

.popup-newsletter-v3__heading:before {
    content: "";
    width: 6.8rem;
    height: .2rem;
    background: #000;
    position: absolute;
    bottom: 0;
    left: calc(50% - 3.4rem)
}

@media (min-width: 992px) {
    .popup-newsletter-v3__heading {
        font-size: calc(var(--font-body-scale)*2.2rem)
    }
}

.popup-newsletter-v3__no {
    font-size: calc(var(--font-body-scale)*1.6rem);
    text-transform: capitalize;
    cursor: pointer;
    transition: .2s;
    letter-spacing: 0;
    color: #111;
    font-weight: 500;
    text-decoration: underline
}

.popup-newsletter-v3__no:hover {
    color: #6c6c6c
}

.popup-newsletter-v4 {
    position: relative;
    background: #fff;
    line-height: 1.5;
    max-height: 60rem;
    overflow: hidden;
    border-radius: var(--modal-corner-radius)
}

.popup-newsletter-v4 li {
    list-style: none
}

.popup-newsletter-v4__content {
    width: 100%
}

.popup-newsletter-v4__heading {
    color: #7e7e84;
    font-size: calc(var(--font-body-scale)*1rem);
    font-weight: 700;
    letter-spacing: calc(var(--font-heading-scale)*.2rem);
    line-height: calc(1 + 1.1666666667/var(--font-heading-scale));
    margin: 0px 0px 1.6rem;
    text-transform: uppercase
}

@media (min-width: 576px) {
    .popup-newsletter-v4__heading {
        font-size: calc(var(--font-body-scale)*1.2rem)
    }
}

.popup-newsletter-v4__close {
    position: absolute;
    top: 1rem;
    right: 1rem
}

.popup-newsletter-v4__close .xo-modal-content-style1__close {
    width: 3.5rem;
    height: 3.5rem;
    border: .1rem solid rgba(0, 0, 0, 0)
}

.popup-newsletter-v4__close .xo-modal-content-style1__close:hover {
    border-color: #000
}

.popup-newsletter-v4__close svg {
    width: 1.2rem
}

@media (max-width: 767.9px) {
    .popup-newsletter-v4__left {
        display: none !important
    }
}

.popup-newsletter-v4__content {
    text-align: left
}

.popup-newsletter-v4__sub {
    font-size: calc(var(--font-body-scale)*2.2rem);
    font-weight: 600;
    line-height: 31.2px;
    margin: 0px 0px .8rem;
    letter-spacing: 0em;
    text-transform: none
}

@media (min-width: 576px) {
    .popup-newsletter-v4__sub {
        font-size: calc(var(--font-body-scale)*2.6rem)
    }
}

.popup-newsletter-v4__desc {
    padding-bottom: 3.2rem;
    color: #000;
    font-size: calc(var(--font-body-scale)*1.3rem)
}

@media (min-width: 576px) {
    .popup-newsletter-v4__desc {
        font-size: calc(var(--font-body-scale)*1.6rem)
    }
}

.popup-newsletter-v4__signup {
    display: block
}

.popup-newsletter-v4__form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.popup-newsletter-v4__form button {
    width: 100%;
    margin-top: 2.5rem
}

@media (max-width: 575px) {
    .popup-newsletter-v4__form .xo-btn__text[data-text] {
        font-size: calc(var(--font-body-scale)*1rem)
    }

    .popup-newsletter-v4__form button {
        padding: 0 !important;
        max-height: 3.5rem
    }
}

.popup-newsletter-v4__footer {
    font-size: calc(var(--font-body-scale)*1.1rem);
    line-height: calc(1 + 1/var(--font-heading-scale));
    padding: 2.4rem 0 0
}

@media (min-width: 576px) {
    .popup-newsletter-v4__footer {
        font-size: calc(var(--font-body-scale)*1.28rem)
    }
}

.popup-newsletter-v4-right {
    position: relative;
    text-align: center;
    padding: 4.5rem;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    background: #fff
}

.popup-newsletter-v4__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v4__img img {
    width: 100%;
    max-height: 60rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v4__img .xo-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v4__img .xo-image img {
    width: 100%;
    max-height: 60rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

xo-tooltip-content {
    z-index: 1000000000000000
}

.popup-newsletter-v5__wrap {
    display: flex;
    flex-direction: column;
    background-color: #f5f1eb;
    margin: auto;
    border-radius: var(--modal-corner-radius);
    overflow: hidden;
    max-height: 90dvh
}

.popup-newsletter-v5__box1,
.popup-newsletter-v5__box2 {
    flex: 1;
    overflow: hidden
}

.popup-newsletter-v5__img {
    max-height: 28rem
}

.popup-newsletter-v5__img img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v5__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1
}

.popup-newsletter-v5__close .xo-modal-content-style1__close {
    width: 3.5rem;
    height: 3.5rem;
    border: .1rem solid rgba(0, 0, 0, 0);
    background-color: #0000
}

.popup-newsletter-v5__close .xo-modal-content-style1__close:hover {
    border-color: #000;
    background-color: rgba(var(--color-foreground)) !important
}

.popup-newsletter-v5__close svg {
    width: 1.2rem
}

.popup-newsletter-v5__sub {
    color: #ff7143;
    font-weight: 600;
    grid-area: auto;
    line-height: calc(1 + .19/var(--font-heading-scale));
    margin: 0 0 .8rem;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: .8rem;
    font-size: calc(var(--font-body-scale)*2rem)
}

@media (min-width: 768px) {
    .popup-newsletter-v5__sub {
        font-size: calc(var(--font-body-scale)*2.5rem)
    }
}

@media (min-width: 1200px) {
    .popup-newsletter-v5__sub {
        font-size: calc(var(--font-body-scale)*3rem)
    }
}

.popup-newsletter-v5__desc {
    color: #36382d;
    font-size: calc(var(--font-body-scale)*1.5rem);
    grid-area: auto;
    line-height: calc(1 + .66/var(--font-heading-scale));
    text-align: center;
    padding-bottom: 1.8rem
}

@media (min-width: 576px) {
    .popup-newsletter-v5__desc {
        padding-bottom: 3.8rem
    }
}

@media (min-width: 768px) {
    .popup-newsletter-v5__desc {
        padding-bottom: 4.8rem
    }
}

.popup-newsletter-v5__box2 {
    text-align: center;
    padding: 2.4rem 4.8rem 4.8rem
}

.popup-newsletter-v5__signup {
    display: block;
    margin-bottom: 3rem
}

.popup-newsletter-v5__form {
    display: flex;
    justify-content: center;
    flex-direction: row;
    gap: 1.5rem;
    margin: 0 auto;
    overflow: hidden;
    border-radius: var(--inputs-radius)
}

.popup-newsletter-v5__form button {
    border-radius: var(--buttons-radius)
}

@media (max-width: 767px) {
    .popup-newsletter-v5__form button {
        width: 10rem;
        margin: auto;
        max-height: 4rem
    }
}

@media (max-width: 767px) {
    .popup-newsletter-v5__form {
        flex-direction: column;
        gap: 1.5rem;
        max-width: 45rem
    }

    .popup-newsletter-v5__form .popup-newsletter-v5__input {
        height: 5rem
    }

    .popup-newsletter-v5__form .popup-newsletter-v5__form,
    .popup-newsletter-v5__form .xo-btn__text[data-text] {
        font-size: calc(var(--font-body-scale)*1rem)
    }
}

.popup-newsletter-v6 {
    position: relative;
    display: flex;
    background: #fff;
    line-height: 1.5;
    overflow: hidden;
    color: #000;
    max-height: 60rem;
    border-radius: var(--modal-corner-radius)
}

.popup-newsletter-v6__overlay {
    max-height: 50rem;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.popup-newsletter-v6__overlay .xo-image,
.popup-newsletter-v6__overlay img {
    height: 100%
}

.popup-newsletter-v6__close {
    z-index: 3;
    position: absolute;
    top: 1rem;
    right: 1rem
}

.popup-newsletter-v6__close .xo-modal-content-style1__close {
    width: 3.5rem;
    height: 3.5rem;
    border-color: #0000
}

.popup-newsletter-v6__container {
    width: 100%;
    height: 100%;
    padding: 4.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.popup-newsletter-v6__align {
    max-width: 100%;
    width: 100%
}

.popup-newsletter-v6__heading {
    color: #030303;
    font-weight: 600;
    line-height: calc(1 + .5/var(--font-heading-scale));
    margin: 0px 0px 1.6rem;
    text-align: center;
    text-transform: capitalize;
    font-size: calc(var(--font-body-scale)*2.3rem)
}

@media (min-width: 576px) {
    .popup-newsletter-v6__heading {
        font-size: calc(var(--font-body-scale)*2.8rem)
    }
}

.popup-newsletter-v6__sub {
    color: #666;
    font-size: calc(var(--font-body-scale)*1.4rem);
    grid-area: auto;
    line-height: calc(1 + 1.14/var(--font-heading-scale));
    text-align: center;
    padding-bottom: 1.8rem
}

@media (min-width: 576px) {
    .popup-newsletter-v6__sub {
        padding-bottom: 4.8rem
    }
}

.popup-newsletter-v6__signup {
    display: block;
    max-width: 100%
}

.popup-newsletter-v6__form {
    display: flex;
    justify-content: center;
    flex-direction: row;
    gap: 3rem;
    margin: 0 auto;
    overflow: hidden;
    border-radius: var(--inputs-radius)
}

.popup-newsletter-v6__form button {
    border-radius: var(--buttons-radius)
}

@media (max-width: 575px) {
    .popup-newsletter-v6__form button {
        width: 10rem;
        margin: auto
    }
}

@media (max-width: 767px) {
    .popup-newsletter-v6__form {
        flex-direction: column;
        gap: 1.5rem;
        max-width: 45rem
    }

    .popup-newsletter-v6__form .popup-newsletter-v6__input {
        height: 5rem
    }

    .popup-newsletter-v6__form .popup-newsletter-v6__form,
    .popup-newsletter-v6__form .xo-btn__text[data-text] {
        font-size: calc(var(--font-body-scale)*1rem)
    }
}

.newsletter-form__message {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 2rem;
    padding: 1rem;
    border-radius: var(--text-boxes-radius);
    width: 100%
}

.newsletter-form__message--success {
    background-color: #3a87351a;
    color: #3a8735
}

.newsletter-form__message--error {
    background-color: #ba04041a;
    color: #ba0404
}

.popup-promotion-v1 {
    position: relative;
    background: rgba(var(--color-background));
    line-height: 1.5;
    max-height: 60rem;
    border-radius: var(--modal-corner-radius);
    color: #fff;
    overflow: hidden
}

.popup-promotion-v1 a {
    color: #000
}

@media (max-width: 767px) {
    .popup-promotion-v1 {
        overflow-y: auto
    }
}

.popup-promotion-v1__left {
    color: #000;
    padding: 1.5rem 2rem;
    border-right: .1rem solid #ebebeb
}

.popup-promotion-v1__recommend {
    font-size: calc(var(--font-body-scale)*2.2rem);
    font-weight: 500;
    word-break: break-word;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: .1rem solid #ebebeb
}

.popup-promotion-v1-box {
    display: flex;
    gap: 1.5rem;
    padding-bottom: 2rem
}

.popup-promotion-v1-box .popup-promotion-v1-box__img {
    border-radius: var(--text-boxes-radius);
    width: 10rem;
    overflow: hidden;
    transition: all .5s ease
}

.popup-promotion-v1-box__product {
    flex: 1
}

.popup-promotion-v1-box-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .3rem;
    padding-top: 1.3rem
}

.popup-promotion-v1-box-text .xo-field-radio__label span {
    font-size: calc(var(--font-body-scale)*1.5rem)
}

.popup-promotion-v1-box-text .xo-price__item {
    font-size: calc(var(--font-body-scale)*1.4rem);
    font-weight: 500
}

.popup-promotion-v1-box-text__name {
    transition: all .25s ease;
    line-height: 1.2;
    vertical-align: top;
    font-weight: 400;
    font-size: calc(var(--font-body-scale)*1.8rem);
    letter-spacing: calc(var(--font-heading-scale)*.09rem)
}

.popup-promotion-v1__grid {
    min-height: 50rem
}

.popup-promotion-v1__right {
    overflow: hidden;
    position: relative;
    max-height: 52.4rem
}

.popup-promotion-v1__close {
    position: absolute;
    z-index: 3;
    top: 1rem;
    right: 1rem
}

.popup-promotion-v1__close .xo-modal-content-style1__close {
    width: 3.5rem;
    height: 3.5rem;
    background: #0000;
    border: .1rem solid rgba(0, 0, 0, 0)
}

.popup-promotion-v1__close .xo-modal-content-style1__close:hover {
    border-color: #fff;
    background: #fff
}

.popup-promotion-v1__close .xo-modal-content-style1__close:hover svg {
    fill: #000
}

.popup-promotion-v1__close svg {
    width: 1.2rem
}

@media (max-width: 767px) {
    .popup-promotion-v1__close {
        display: none
    }
}

.popup-promotion-v1__background {
    height: 100%;
    width: 100%
}

.popup-promotion-v1__background img {
    height: 100%
}

.popup-promotion-v1__background .xo-image {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-promotion-v1__content {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: min(5vw, 5rem);
    justify-content: center;
    align-items: center
}

.popup-promotion-v1__heading {
    font-weight: 400;
    font-size: calc(var(--font-body-scale)*2.8rem);
    padding-bottom: 3rem
}

.popup-promotion-v1__sub_heading {
    font-size: calc(var(--font-body-scale)*1.4rem);
    padding-bottom: 2.6rem
}

.popup-promotion-v1_desc {
    font-size: calc(var(--font-body-scale)*1.4rem);
    padding-bottom: 2rem
}

.popup-promotion-v1__copy .xo-share-style2__social-title,
.popup-promotion-v1__copy .xo-share-style2__title,
.popup-promotion-v1__copy .xo-share-style2__social {
    display: none
}

.popup-promotion-v1__copy .xo-share-style2__input {
    max-width: 14rem;
    background: #fff;
    border-radius: var(--inputs-radius);
    outline: none;
    border: none;
    font-weight: 500
}

.popup-promotion-v1__variants .xo-field-color__item {
    width: 2.1rem;
    height: 2.1rem
}

.xo-predictive-search__icon {
    all: unset;
    line-height: 0;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2rem
}

.xo-predictive-search__icon svg {
    transition: .3s
}

.xo-predictive-search__icon:hover svg {
    color: rgba(var(--color-foreground), .5)
}

.xo-predictive-search {
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: relative
}

.xo-predictive-search .xo-field-input {
    font-size: 1.8rem;
    font-family: var(--font-heading-family);
    margin-bottom: unset
}

.xo-predictive-search .xo-field-input .xo-field-input__placeholder {
    display: none
}

.xo-predictive-search .xo-field-input__input {
    padding: .6rem 1.2rem;
    line-height: calc(1 + 1/var(--font-heading-scale))
}

.xo-predictive-search .xo-field-input__input:not(:-moz-placeholder-shown)+.xo-field-input__placeholder {
    transform: translateY(-4rem) scale(.7)
}

.xo-predictive-search .xo-field-input__input:focus+.xo-field-input__placeholder,
.xo-predictive-search .xo-field-input__input:not(:placeholder-shown)+.xo-field-input__placeholder {
    transform: translateY(-4rem) scale(.7)
}

.xo-predictive-search__input {
    position: relative
}

.xo-predictive-search__clear {
    position: absolute;
    bottom: 1rem;
    cursor: pointer;
    display: none
}

[dir=ltr] .xo-predictive-search__clear {
    right: 1rem
}

[dir=rtl] .xo-predictive-search__clear {
    left: 1rem
}

.xo-predictive-search__clear:hover {
    opacity: .5
}

.predictive-search__clear-button--visible {
    display: block
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.xo-predictive-search__result {
    position: absolute;
    top: 100%;
    z-index: 99999;
    border: .1rem solid color-mix(in srgb, rgb(var(--color-foreground)) 15%, #ffffff);
    background-color: color-mix(in srgb, rgb(var(--color-background)) 100%, #ffffff);
    opacity: 0;
    pointer-events: none;
    transform: translateY(2rem);
    transition: .3s
}

[dir=ltr] .xo-predictive-search__result {
    left: 0
}

[dir=rtl] .xo-predictive-search__result {
    right: 0
}

.xo-predictive-search__result.predictive-search-wrapper--visible:not(:empty) {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.xo-predictive-search__inner {
    padding: 1.5rem 0
}

.xo-predictive-search__item-list {
    padding-top: 1rem;
    border-top: .1rem solid color-mix(in srgb, rgb(var(--color-foreground)) 15%, #ffffff)
}

.xo-predictive-search__item-list--article {
    padding-bottom: 3rem
}

.xo-predictive-search__item {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 2rem;
    padding: 1rem;
    transition: .3s;
    color: rgb(var(--color-foreground))
}

.xo-predictive-search__item:hover {
    background-color: color-mix(in srgb, rgb(var(--color-foreground)) 5%, #ffffff)
}

.xo-predictive-search__item-image {
    aspect-ratio: 1/1
}

.xo-predictive-search__box {
    align-items: center
}

.xo-predictive-search__right {
    display: none
}

@media (min-width: 992px) {
    .xo-predictive-search__right {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 1.4rem
    }
}

.xo-predictive-search__icon-wrap {
    line-height: 0
}

.xo-predictive-search__search-icon {
    position: relative;
    cursor: pointer;
    line-height: 0
}

.xo-predictive-search__cart-count,
.xo-predictive-search__wishlist-count {
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    line-height: 0;
    border-radius: 50%;
    font-size: calc(var(--font-body-scale)*1.1rem);
    color: #fff;
    background-color: rgb(var(--color-accent));
    display: flex;
    justify-content: center;
    align-items: center
}

.xo-predictive-search__wishlist-count {
    top: .77rem
}

[dir=ltr] .xo-predictive-search__wishlist-count {
    right: -.5rem
}

[dir=rtl] .xo-predictive-search__wishlist-count {
    left: -.5rem
}

.xo-predictive-search__cart-count {
    top: 1.5rem
}

[dir=ltr] .xo-predictive-search__cart-count {
    left: 1.1rem
}

[dir=rtl] .xo-predictive-search__cart-count {
    right: 1.1rem
}

.xo-predictive-search__right-item {
    display: flex
}

.xo-predictive-search__center {
    position: relative
}

.xo-predictive-search__product-title {
    text-align: center
}

.xo-predictive-search__product-vendor {
    text-align: center;
    color: rgba(var(--color-foreground), .5)
}

.xo-predictive-search__product-price {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: .3rem
}

.xo-predictive-search__article-title {
    text-align: center
}

@media (min-width: 0px) {
    .xo-predictive-search__left {
        display: none
    }
}

@media (min-width: 992px) {
    .xo-predictive-search__left {
        display: block
    }
}

.xo-price {
    position: relative;
    display: flex;
    align-items: center
}

.xo-price--larger .xo-price__item {
    font-size: 2.5rem
}

.xo-price--larger .xo-price__sale {
    gap: .8rem
}

.xo-price--larger .xo-price__item--del,
.xo-price--small .xo-price__item {
    font-size: 1.4rem
}

.xo-price--small .xo-price__item--del {
    font-size: 1.2rem
}

.xo-price--small1 .xo-price__item,
.xo-price--small1 .xo-price__item--del {
    font-size: 1.5rem
}

.xo-price__item {
    font-size: calc(var(--font-body-scale)*1.5rem);
    font-weight: 400;
    color: rgba(var(--color-foreground))
}

.xo-price__item--accent {
    color: rgba(var(--color-accent))
}

.xo-price__sale {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    -moz-column-gap: .7rem;
    column-gap: .7rem;
    line-height: calc(1 + .8/var(--font-body-scale))
}

.xo-price__sale--reverse {
    flex-direction: row-reverse
}

@media (max-width: 767px) {
    .xo-price__sale--column {
        flex-direction: column
    }
}

.xo-price__item--del {
    font-size: calc(var(--font-body-scale)*1.5rem);
    height: -moz-fit-content;
    height: fit-content;
    line-height: 1;
    color: rgba(var(--color-foreground), .5);
    text-decoration: line-through
}

.xo-unit-price--hidden {
    display: none
}

[dir=ltr] .xo-product-card:hover .xo-product-card__actions--style1,
[dir=rtl] .xo-product-card:hover .xo-product-card__actions--style1 {
    transform: translate(0) translateY(-50%)
}

.xo-product-card__actions--style1 {
    top: 50%;
    flex-direction: column;
    gap: 1.3rem
}

[dir=ltr] .xo-product-card__actions--style1 {
    right: 1rem;
    transform: translate(1.5rem) translateY(-50%)
}

[dir=rtl] .xo-product-card__actions--style1 {
    left: 1rem;
    transform: translate(-1.5rem) translateY(-50%)
}

.xo-product-card__variants--style1 {
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    padding: .5rem
}

.xo-product-card-style10 {
    background-color: rgb(var(--color-background));
    box-shadow: var(--product-card-shadow-horizontal-offset) var(--product-card-shadow-vertical-offset) var(--product-card-shadow-blur-radius) rgba(var(--color-shadow), var(--product-card-shadow-opacity));
    overflow: hidden;
    position: relative;
    padding-bottom: 4rem;
    margin-bottom: 4rem;
    border-bottom: .1rem solid rgba(var(--color-foreground), .1)
}

.xo-product-card-style10 .placeholder-svg {
    width: 100%;
    height: auto
}

.xo-product-card-style10__header {
    position: relative;
    overflow: hidden
}

.xo-product-card-style10__header:hover .xo-product-card-style10__variants {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%) translateY(0)
}

.xo-product-card-style10__variants {
    position: absolute;
    align-items: center;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 11;
    left: 50%;
    bottom: 5%;
    transform: translate(-50%) translateY(1.5rem)
}

.xo-product-card-style10__title {
    margin-bottom: .6rem
}

.xo-product-card-style10__title a {
    transition: .3s;
    font-size: calc(var(--font-body-scale)*2.2rem);
    font-weight: 500;
    color: rgba(var(--color-foreground))
}

.xo-product-card-style10__title a:hover {
    color: rgba(var(--color-foreground), .7)
}

.xo-product-card-style10__actions {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding-top: 1rem
}

.xo-product-card-style10__description {
    padding-top: .5rem;
    margin-bottom: .5rem;
    line-height: calc(1 + .4/var(--font-body-scale));
    font-size: calc(var(--font-body-scale)*1.5rem);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

@media (min-width: 768px) {
    .xo-product-card-style10__description {
        -webkit-line-clamp: 3
    }
}

@media (min-width: 1400px) {
    .xo-product-card-style10__description {
        -webkit-line-clamp: 5
    }
}

.xo-product-card-style10__description--fullwidth {
    -webkit-line-clamp: 5
}

@media (min-width: 1400px) {
    .xo-product-card-style10__description--fullwidth {
        -webkit-line-clamp: 10
    }
}

@media (min-width: 768px) {

    [dir=ltr] .xo-product-card:hover .xo-product-card__actions--style2,
    [dir=rtl] .xo-product-card:hover .xo-product-card__actions--style2 {
        transform: translate(0) translateY(-50%)
    }

    [dir=ltr] .xo-product-card:hover .xo-product-card__variants--style2,
    [dir=rtl] .xo-product-card:hover .xo-product-card__variants--style2 {
        transform: translateY(-50%)
    }
}

.xo-product-card__actions--style2 {
    top: 50%;
    flex-direction: column;
    gap: 1.3rem
}

[dir=ltr] .xo-product-card__actions--style2 {
    left: 1.8rem;
    transform: translate(-1.5rem) translateY(-50%)
}

[dir=rtl] .xo-product-card__actions--style2 {
    right: 1.8rem;
    transform: translate(1.5rem) translateY(-50%)
}

.xo-product-card__information--style2 {
    position: absolute;
    bottom: 0
}

@media (max-width: 767px) {
    .xo-product-card__information--style2 {
        position: static
    }
}

.xo-product-card__variants--style2 {
    top: 50%
}

[dir=ltr] .xo-product-card__variants--style2 {
    right: 1.8rem;
    transform: translate(1.5rem, -50%)
}

[dir=rtl] .xo-product-card__variants--style2 {
    left: 1.8rem;
    transform: translate(-1.5rem, -50%)
}

@media (min-width: 768px) {

    [dir=ltr] .xo-product-card:hover .xo-product-card__actions--style3,
    [dir=rtl] .xo-product-card:hover .xo-product-card__actions--style3 {
        transform: translate(0) translateY(-50%)
    }

    .xo-product-card:hover .xo-product-card__information--style3 {
        transform: translate(-50%) translateY(0);
        opacity: 1
    }

    [dir=ltr] .xo-product-card:hover .xo-product-card__variants--style3,
    [dir=rtl] .xo-product-card:hover .xo-product-card__variants--style3 {
        transform: translateY(-50%)
    }
}

.xo-product-card__actions--style3 {
    top: 50%;
    flex-direction: column;
    gap: 0;
    padding: 0 1.2rem;
    box-shadow: 0 15px 25px #00000014;
    background-color: #fff
}

[dir=ltr] .xo-product-card__actions--style3 {
    right: 1.8rem;
    transform: translate(0) translateY(-40%)
}

[dir=rtl] .xo-product-card__actions--style3 {
    left: 1.8rem;
    transform: translate(0) translateY(-40%)
}

.xo-product-card__icon--style3 {
    width: 2rem;
    padding: 1.5rem 0;
    border-top: .1rem solid rgb(var(--color-foreground), .4)
}

.xo-product-card__icon--style3:first-child {
    border: none
}

.xo-product-card__information--style3 {
    position: absolute;
    opacity: 0;
    bottom: 0;
    left: 50%;
    transform: translate(-50%) translateY(1.5rem)
}

@media (max-width: 767px) {
    .xo-product-card__information--style3 {
        position: static;
        transform: unset;
        opacity: 1
    }
}

.xo-product-card__variants--style3 {
    top: 50%
}

[dir=ltr] .xo-product-card__variants--style3 {
    left: 1.8rem;
    transform: translateY(calc(-50% + 1.5rem))
}

[dir=rtl] .xo-product-card__variants--style3 {
    right: 1.8rem;
    transform: translateY(calc(50% - 1.5rem))
}

@media (min-width: 768px) {

    [dir=ltr] .xo-product-card:hover .xo-product-card__actions--style4,
    [dir=rtl] .xo-product-card:hover .xo-product-card__actions--style4 {
        transform: translate(0) translateY(-50%)
    }

    .xo-product-card:hover .xo-product-card__information--style4 {
        transform: translate(-50%) translateY(0);
        opacity: 1
    }

    [dir=ltr] .xo-product-card:hover .xo-product-card__variants--style4,
    [dir=rtl] .xo-product-card:hover .xo-product-card__variants--style4 {
        transform: translateY(-50%)
    }
}

.xo-product-card__actions--style4 {
    top: 50%;
    flex-direction: column;
    gap: 1.3rem
}

[dir=ltr] .xo-product-card__actions--style4 {
    left: 1.8rem;
    transform: translate(-1.5rem) translateY(-50%)
}

[dir=rtl] .xo-product-card__actions--style4 {
    right: 1.8rem;
    transform: translate(1.5rem) translateY(-50%)
}

.xo-product-card__information--style4 {
    position: absolute;
    opacity: 0;
    bottom: 0;
    left: 50%;
    transform: translate(-50%) translateY(1.5rem)
}

.xo-product-card__variants--style4 {
    top: 50%
}

[dir=ltr] .xo-product-card__variants--style4 {
    right: 1.8rem;
    transform: translate(1.5rem, -50%)
}

[dir=rtl] .xo-product-card__variants--style4 {
    left: 1.8rem;
    transform: translate(-1.5rem, -50%)
}

.xo-product-card:hover .xo-product-card__add-style5 {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%) translateY(0)
}

.xo-product-card:hover .xo-product-card__actions--style5 {
    transform: translate(-50%) translateY(0)
}

.xo-product-card:hover .xo-product-card__variants--style5 {
    transform: translateY(-50%)
}

.xo-product-card:hover .xo-product-card__price--style5 {
    visibility: hidden
}

.xo-product-card__actions--style5 {
    left: 50%;
    bottom: 0;
    transform: translate(-50%) translateY(1.5rem);
    background-color: #fff;
    width: 100%;
    padding: 1rem 0
}

.xo-product-card__icon--style5 {
    width: 50%;
    height: 2.5rem;
    border-left: .1rem solid rgb(var(--color-foreground), .4)
}

.xo-product-card__icon--style5 xo-tooltip {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.xo-product-card__icon--style5:first-child {
    border: none;
    padding-top: .6rem
}

.xo-product-card__add-style5 {
    width: 100%;
    display: flex;
    justify-content: var(--justify_button);
    position: absolute;
    left: 50%;
    bottom: 2rem;
    transform: translate(-50%) translateY(1.5rem);
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    padding: 0 2rem
}

.xo-product-card__variants--style5 {
    right: 10%;
    top: 50%;
    transform: translate(1.5rem, -50%)
}

@media (min-width: 768px) {
    .xo-product-card:hover .xo-product-card__actions--style6 {
        transform: translate(-50%) translateY(-50%)
    }

    .xo-product-card:hover .xo-product-card__header--style6:after {
        opacity: 1
    }

    .xo-product-card:hover .xo-product-card__variants--style6 {
        transition-delay: .5s;
        transform: translate(-50%) translateY(0)
    }
}

.xo-product-card__header--style6:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: .3s;
    background-color: #23252999;
    z-index: 10
}

.xo-product-card__actions--style6 {
    top: 50%;
    left: 50%;
    transform: translate(-50%) translateY(1.5rem);
    gap: 1.5rem
}

.xo-product-card__variants--style6 {
    left: 50%;
    top: 65%;
    transform: translate(-50%) translateY(3rem)
}

@media (min-width: 768px) {

    [dir=ltr] .xo-product-card:hover .xo-product-card__icon--style7,
    [dir=rtl] .xo-product-card:hover .xo-product-card__icon--style7 {
        transform: translate(0)
    }
}

[dir=ltr] .xo-product-card:hover .xo-product-card__variants--style7,
[dir=rtl] .xo-product-card:hover .xo-product-card__variants--style7 {
    transform: translateY(-50%)
}

@media (min-width: 768px) {
    .xo-product-card--style7:hover {
        box-shadow: 0 15px 25px #00000014
    }
}

.xo-product-card__actions--style7 {
    top: 50%;
    transform: translateY(-50%);
    flex-direction: column;
    gap: 1.3rem
}

[dir=ltr] .xo-product-card__actions--style7 {
    left: 1.8rem
}

[dir=rtl] .xo-product-card__actions--style7 {
    right: 1.8rem
}

.xo-product-card__icon--style7 {
    transition: .3s
}

[dir=ltr] .xo-product-card__icon--style7 {
    transform: translate(-1.5rem)
}

[dir=rtl] .xo-product-card__icon--style7 {
    transform: translate(1.5rem)
}

.xo-product-card__icon--style7:nth-child(1) {
    transition-delay: .1s
}

.xo-product-card__icon--style7:nth-child(2) {
    transition-delay: .05s
}

.xo-product-card__variants--style7 {
    top: 50%
}

[dir=ltr] .xo-product-card__variants--style7 {
    right: 1.8rem;
    transform: translate(1.5rem, -50%)
}

[dir=rtl] .xo-product-card__variants--style7 {
    left: 1.8rem;
    transform: translate(-1.5rem, -50%)
}

@media (min-width: 768px) {
    .xo-product-card:hover .xo-product-card__collapse {
        opacity: 1;
        transform: translateY(0);
        visibility: visible
    }

    .xo-product-card:hover .xo-product-card__variants--style8 {
        transition-delay: .5s;
        transform: translate(-50%) translateY(0)
    }
}

.xo-product-card__description--style8 {
    margin: 1.2rem 0;
    padding: 0 2.5rem;
    border-top: .1rem solid rgb(var(--color-foreground), .1)
}

@media (min-width: 768px) {
    .xo-product-card--style8:hover {
        box-shadow: 0 15px 25px #00000014;
        z-index: 999;
        overflow: visible
    }
}

.xo-product-card__actions--style8 {
    position: static;
    padding: 1.2rem 2.5rem;
    border-top: .1rem solid rgb(var(--color-foreground), .1);
    justify-content: space-between !important;
    background-color: #fff;
    width: 100%;
    box-shadow: 0 15px 25px #00000014
}

.xo-product-card__actions--style8 xo-product-quick-view-trigger {
    display: flex;
    justify-content: center;
    align-items: center
}

.xo-product-card__collapse {
    position: absolute;
    top: 100%;
    left: 0;
    transform: translateY(-3rem);
    opacity: 0;
    transition: .5s;
    visibility: hidden;
    background-color: #fff;
    box-shadow: 0 15px 25px #00000014;
    width: 100%
}

.xo-product-card__variants--style8 {
    left: 50%;
    bottom: 5%;
    transform: translate(-50%) translateY(1.5rem)
}

@media (min-width: 768px) {
    .xo-product-card:hover .xo-product-card__actions--style9 {
        transform: translate(-50%) translateY(0)
    }

    .xo-product-card:hover .xo-product-card__variants--style9 {
        transition-delay: .5s;
        transform: translate(-50%) translateY(0)
    }
}

.xo-product-card__actions--style9 {
    left: 50%;
    bottom: 15%;
    transform: translate(-50%) translateY(1.5rem);
    gap: 1.5rem
}

.xo-product-card__variants--style9 {
    left: 50%;
    bottom: 5%;
    transform: translate(-50%) translateY(1.5rem)
}

.xo-product-card {
    background-color: rgb(var(--color-background));
    border: var(--product-card-border-width) solid rgba(var(--color-border), var(--product-card-border-opacity));
    border-radius: var(--product-card-corner-radius);
    box-shadow: var(--product-card-shadow-horizontal-offset) var(--product-card-shadow-vertical-offset) var(--product-card-shadow-blur-radius) rgba(var(--color-shadow), var(--product-card-shadow-opacity));
    overflow: hidden;
    position: relative
}

.xo-product-card .placeholder-svg {
    width: 100%;
    height: auto
}

@media (min-width: 768px) {
    .xo-product-card:hover .xo-product-card__actions {
        opacity: 1;
        pointer-events: auto
    }

    .xo-product-card:hover .xo-product-card__variants {
        opacity: 1;
        visibility: visible
    }
}

.xo-product-card__header {
    position: relative;
    overflow: hidden;
    padding: var(--product-card-image-padding);
    transform: translateZ(0)
}

.xo-product-card__badge {
    position: absolute;
    top: 1rem;
    z-index: 10;
    pointer-events: none;
    width: 11rem;
    height: 2.8rem;
    transform: rotate(45deg)
}

[dir=ltr] .xo-product-card__badge {
    right: -3rem
}

[dir=rtl] .xo-product-card__badge {
    left: -3rem
}

.xo-product-card__actions {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s;
    opacity: 0;
    pointer-events: none;
    z-index: 11;
    will-change: transform, opacity
}

.xo-product-card__actions .xo-product-card__quick-view-btn {
    padding: 0;
    width: 4.5rem;
    height: 4.5rem;
    flex-shrink: 0
}

.xo-product-card__variants {
    position: absolute;
    align-items: center;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 11
}

.xo-product-card__variant-dot:hover {
    transform: scale(1.1)
}

.xo-product-card__icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.xo-product-card__information {
    display: flex;
    flex-direction: column;
    padding: 1rem 2rem;
    text-align: var(--product-card-text-alignment);
    width: 100%;
    z-index: 10;
    transition: .5s
}

.xo-product-card__title {
    display: block;
    font-size: calc(var(--font-heading-scale)*1.6rem);
    color: rgb(var(--color-foreground));
    letter-spacing: .02em;
    padding-top: 1rem;
    margin-bottom: .3rem
}

.xo-product-card__title a {
    transition: .3s;
    color: inherit;
    text-transform: capitalize;
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 500
}

.xo-product-card__title a:hover {
    color: rgba(var(--color-foreground), .7)
}

.xo-product-card__vendor {
    font-size: calc(var(--font-body-scale)*1.2rem);
    font-weight: 500;
    letter-spacing: calc(var(--font-body-scale)*.3rem);
    text-transform: uppercase;
    letter-spacing: .02em;
    color: rgb(var(--color-foreground), .7);
    padding-top: 1rem
}

.xo-product-card__description {
    padding-top: .5rem;
    margin-bottom: .5rem;
    line-height: calc(1 + .4/var(--font-body-scale));
    font-size: calc(var(--font-body-scale)*1.5rem);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.xo-product-card__price {
    display: inline-block;
    padding-bottom: .5rem
}

.xo-product-card__price-inner {
    display: inline-flex;
    align-items: center;
    gap: 2rem;
    font-size: calc(var(--font-body-scale)*1.5rem);
    font-weight: 500
}

.xo-product-image {
    position: relative
}

.xo-product-image:hover .xo-product-image__secondary {
    opacity: 1;
    visibility: visible
}

.xo-product-image__secondary {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    background-color: #fff
}

.xo-quantity-style2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: solid .1rem rgba(var(--color-foreground), .1);
    border-radius: .8rem;
    background-color: rgba(var(--color-background));
    width: var(--width);
    height: var(--height);
    padding: 0 1.2rem
}

.xo-quantity-style2 svg {
    color: rgba(var(--color-foreground))
}

.xo-quantity-style2__number {
    width: 70%;
    border: none;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%
}

.xo-quantity-style2__button {
    transition: .4s all ease-in-out;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.xo-quantity-style2__button svg {
    line-height: 0;
    color: rgba(var(--color-foreground), .75)
}

.xo-quantity-style2__button:hover svg {
    color: rgba(var(--color-foreground))
}

.scroll-top {
    position: fixed;
    bottom: 7rem;
    right: var(--right-mobile);
    left: var(--left-mobile);
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: var(--bg-color, rgb(var(--color-foreground)));
    background-image: var(--bg-gradient);
    z-index: 998;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5rem);
    box-shadow: #00000040 0 54px 55px, #0000001f 0 -12px 30px, #0000001f 0 4px 6px, #0000002b 0 12px 13px, #00000017 0 -3px 5px;
    overflow: hidden
}

.scroll-top svg {
    color: var(--icon-color, rgba(var(--color-background)))
}

@media (min-width: 768px) {
    .scroll-top {
        bottom: 9rem;
        right: var(--right-desktop);
        left: var(--left-desktop);
        width: 4rem;
        height: 4rem
    }
}

.scroll-top.xo-active {
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.scroll-top__icon-before {
    transition: .3s;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.scroll-top__icon-after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 5rem);
    transition: .3s;
    line-height: 0
}

.scroll-top:hover .scroll-top__icon-before {
    transform: translate(-50%, -5rem)
}

.scroll-top:hover .scroll-top__icon-after {
    transform: translate(-50%, -50%)
}

.xo-section {
    --pt: 50;
    --pb: 50;
    position: relative;
    z-index: 9;
    background-size: cover;
    background-position: center;
    background-color: var(--bg-color, rgb(var(--color-background)));
    background-image: var(--bg-gradient);
    padding-top: var(--pt-mobile, calc(var(--pt) * .75 * 1px));
    padding-bottom: var(--pb-mobile, calc(var(--pb) * .75 * 1px))
}

@media (min-width: 768px) {
    .xo-section {
        padding-top: calc(var(--pt)*1px);
        padding-bottom: calc(var(--pb)*1px)
    }
}

.xo-section:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: var(--bg-overlay)
}

.xo-section-bg-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
    overflow: hidden
}

.xo-section-bg-image__item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@supports (-webkit-touch-callout: none) {
    .xo-section-bg-image__item {
        top: 50%;
        left: 50%;
        width: 100vw;
        height: 100vh;
        transform: translate(-50%, -50%)
    }
}

.xo-section-bg-image__url {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: var(--img-mobile, var(--img-desktop));
    background-size: cover;
    background-position: center
}

@media (min-width: 768px) {
    .xo-section-bg-image__url {
        background-image: var(--img-desktop)
    }
}

.xo-section-heading {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.xo-section-heading--center {
    justify-content: center;
    text-align: center
}

.xo-section-heading--right {
    justify-content: flex-end;
    text-align: right
}

.xo-section-heading__title {
    margin: 0;
    font-size: clamp(2rem, calc(1.75vw + 1.3rem), 3.4rem)
}

.xo-container--box {
    width: 100%
}

.xo-container--wide {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%
}

@media (min-width: 1400px) {
    .xo-container--wide {
        max-width: unset;
        padding-left: 14rem;
        padding-right: 14rem
    }
}

.xo-container--fullwidth {
    max-width: unset;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.xo-socials {
    display: flex;
    gap: 1rem
}

.xo-socials__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    border: .1rem solid rgba(var(--color-border), .2);
    background-color: rgba(var(--color-background));
    color: rgba(var(--color-foreground));
    transition: .3s
}

@media (min-width: 576px) {
    .xo-socials__link {
        width: 3.4rem;
        height: 3.4rem
    }
}

.xo-socials__link:hover {
    color: rgba(var(--color-background));
    background-color: rgba(var(--color-foreground))
}

.xo-space--vertical {
    height: var(--space, 0)
}

.xo-space--horizontal {
    width: var(--space, 0)
}

.xo-toast {
    font-size: 1.4rem;
    padding-top: .4rem;
    padding-bottom: .4rem;
    background-color: #000
}

[dir=ltr] .xo-toast {
    padding-right: .5rem;
    padding-left: 1rem
}

[dir=rtl] .xo-toast {
    padding-left: .5rem;
    padding-right: 1rem
}

.xo-toast__close {
    color: #fff;
    opacity: .8
}

.xo-toast__content {
    display: flex;
    align-items: center;
    gap: .5rem
}

.xo-toast__message {
    color: #fff
}

.xo-toast--success {
    background-color: #3f8843
}

.xo-toast--warning {
    background-color: #fba11a
}

.xo-toast--error {
    background-color: #ce2c2c
}

.toolbar {
    height: 5.3rem;
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 998;
    background-color: var(--bg-color, rgb(var(--color-background)));
    background-image: var(--bg-gradient);
    border-top: .1rem solid rgb(var(--color-foreground), .06);
    box-shadow: 0 0 10px rgba(var(--color-foreground), .12)
}

@media (min-width: 768px) {
    .toolbar {
        display: none
    }
}

.toolbar__item-wrap {
    height: 100%;
    flex: 1 0 auto;
    border-right: solid .1rem rgba(var(--color-foreground), .1)
}

.toolbar__item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 0 auto;
    line-height: 0;
    height: 100%;
    border-right: solid .1rem rgba(var(--color-foreground), .1)
}

.toolbar__item svg {
    color: var(--text-color, rgba(var(--color-foreground)))
}

.toolbar__item:last-child {
    border: none
}

.toolbar__icon {
    position: relative
}

.toolbar__cart-count {
    position: absolute;
    width: 1.3rem;
    height: 1.3rem;
    line-height: 0;
    border-radius: 50%;
    font-size: calc(var(--font-body-scale)*.9rem);
    color: #fff;
    background-color: rgb(var(--color-accent));
    display: flex;
    justify-content: center;
    align-items: center
}

.toolbar__cart-count {
    top: 1.5rem
}

[dir=ltr] .toolbar__cart-count {
    left: 1.2rem
}

[dir=rtl] .toolbar__cart-count {
    right: 1.2rem
}

.xo-blog-tags {
    color: rgba(var(--color-foreground));
    align-items: center
}

.xo-blog-tags__item {
    font-size: calc(var(--font-body-scale)*1.2rem);
    color: rgba(var(--color-foreground));
    background-color: rgba(var(--color-foreground), .1);
    padding: .2rem .8rem;
    margin-inline-start: .5rem;
    border-radius: 1rem
}

.xo-blog-tags__title {
    color: rgba(var(--color-foreground), .5)
}

.collapse-style1__trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.collapse-style1__trigger-option {
    font-weight: 500;
    font-size: 1.8rem;
    letter-spacing: .01em;
    color: rgba(var(--color-foreground), .8)
}

.collapse-style1__trigger-option--blur {
    color: rgba(var(--color-foreground), .3)
}

.collapse-style1__trigger-icon {
    display: flex;
    align-items: center;
    transition: .3s
}

.collapse-style1__trigger[xo-active]:not([xo-active=false]) .collapse-style1__trigger-option--blur {
    color: rgba(var(--color-foreground), .8)
}

.collapse-style1__trigger[xo-active]:not([xo-active=false]) .collapse-style1__trigger-icon {
    transform: rotate(180deg)
}

.collapse-style1__body {
    display: flex;
    flex-direction: column;
    gap: .8rem
}

.collapse-style1__detail-item {
    display: flex;
    gap: 1.1rem
}

.collapse-style1__detail-item:last-child {
    padding-bottom: 2rem
}

.collapse-style1__detail-item-number {
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: .02em;
    color: rgba(var(--color-foreground), .3)
}

.collapse-style1__detail-item-title {
    letter-spacing: .02em;
    color: rgba(var(--color-foreground), .6)
}

.collection-bestsell__header {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    border-bottom: .1rem solid rgba(var(--color-foreground), .1);
    margin-bottom: 2.5rem;
    padding-bottom: 1.5rem
}

.collection-bestsell__title {
    font-size: calc(var(--font-heading-scale)*1.6rem);
    letter-spacing: calc(var(--font-heading-scale)*.3rem);
    text-transform: uppercase;
    margin-top: .2rem;
    margin-bottom: 0
}

.collection-bestsell__carousel {
    border-bottom: .1rem solid rgba(var(--color-foreground), .1);
    padding-bottom: 3rem;
    margin-bottom: 3rem
}

.collection-bestsell__pagination {
    display: var(--display-mobile);
    padding-top: 1rem;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .6rem;
    width: 100%;
    z-index: 9
}

@media (min-width: 768px) {
    .collection-bestsell__pagination {
        display: var(--display-desktop);
        gap: 1rem
    }

    .collection-bestsell__pagination xo-carousel-bullet[xo-active]:not([xo-active=false]) .collection-bestsell__bullet {
        background-color: rgba(var(--color-foreground))
    }
}

.collection-bestsell__bullet {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: rgba(var(--color-foreground), .2);
    transition: .3s
}

@media (min-width: 768px) {
    .collection-bestsell__bullet {
        width: .8rem;
        height: .8rem
    }
}

.collection-bestsell__navigation {
    position: absolute;
    top: -6.9rem;
    right: 0;
    z-index: 9;
    transition: .3s;
    gap: .8rem
}

.collection-bestsell__arrow button {
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    border: solid .1rem rgba(var(--color-foreground), .1);
    background-color: rgba(var(--color-background));
    transition: .3s
}

.collection-bestsell__arrow svg {
    color: rgba(var(--color-foreground))
}

.collection-bestsell__arrow:hover button {
    background-color: rgba(var(--color-foreground))
}

.collection-bestsell__arrow:hover svg {
    color: rgba(var(--color-background))
}

.collection-title-style2__carousel {
    margin-top: 2rem
}

@media (min-width: 768px) {
    .collection-title-style2__carousel {
        margin-top: 4rem
    }
}

.collection-title-style2__carousel:hover .collection-title-style2__arrow-left,
.collection-title-style2__carousel:hover .collection-title-style2__arrow-right {
    opacity: 1;
    transform: translate(0)
}

.collection-title-style2__nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1rem
}

@media (min-width: 768px) {
    .collection-title-style2__nav {
        gap: 1.6rem
    }
}

.collection-title-style2__nav-img .xo-image {
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    transform: translateZ(0)
}

.collection-title-style2__nav-img img {
    transition: .3s
}

.collection-title-style2__nav-img .xo-image:hover img {
    transform: scale(1.1)
}

.collection-title-style2__nav-text a {
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 500;
    text-transform: capitalize;
    transition: .3s
}

@media (min-width: 768px) {
    .collection-title-style2__nav-text a {
        font-size: calc(var(--font-body-scale)*2rem)
    }
}

.collection-title-style2__nav-text a:hover {
    color: rgba(var(--color-foreground), .7)
}

.collection-title-style2__arrow-left,
.collection-title-style2__arrow-right {
    display: none
}

@media (min-width: 768px) {

    .collection-title-style2__arrow-left,
    .collection-title-style2__arrow-right {
        display: block;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        background-color: rgba(var(--color-foreground));
        transition: .3s;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        position: absolute;
        top: 28%;
        cursor: pointer;
        z-index: 9
    }
}

.collection-title-style2__arrow-left button,
.collection-title-style2__arrow-right button {
    all: unset;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.collection-title-style2__arrow-left svg,
.collection-title-style2__arrow-right svg {
    color: rgba(var(--color-background))
}

.collection-title-style2__arrow-left {
    left: 0;
    transform: translate(-2rem)
}

.collection-title-style2__arrow-right {
    right: 0;
    transform: translate(2rem)
}

.collection-title-style2__arrow-left:hover,
.collection-title-style2__arrow-right:hover {
    background-color: rgba(var(--color-background))
}

.collection-title-style2__arrow-left:hover svg,
.collection-title-style2__arrow-right:hover svg {
    color: rgba(var(--color-foreground))
}

.collection-title-style3__carousel {
    padding: 2rem 0
}

.collection-title-style3__nav-text {
    display: flex;
    justify-content: center;
    align-items: center
}

.collection-title-style3__nav-text a {
    position: relative;
    color: rgba(var(--color-background));
    font-size: calc(var(--font-body-scale)*1.5rem);
    letter-spacing: calc(var(--font-body-scale)*.2rem);
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: .3rem;
    transition: .3s
}

.collection-title-style3__nav-text a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .2rem;
    background-color: rgba(var(--color-background));
    transition: .3s
}

.collection-title-style3__nav-text:hover a {
    color: rgba(var(--color-background), .5)
}

.collection-title-style3__nav-text:hover a:after {
    background-color: rgba(var(--color-background), .5)
}

.collection-title-style3__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.collection-title-style3__arrow button {
    all: unset;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.collection-title-style3__arrow svg {
    color: rgba(var(--color-background));
    transition: .3s
}

.collection-title-style3__arrow:hover svg {
    color: rgba(var(--color-background), .5)
}

.collection-title-style3__arrow--left {
    left: 0
}

.collection-title-style3__arrow--right {
    right: 0
}

.collection-title-style4__carousel {
    margin-top: 4.5rem
}

.collection-title-style4__carousel:hover .collection-title-style4__arrow-left,
.collection-title-style4__carousel:hover .collection-title-style4__arrow-right {
    opacity: 1;
    transform: translateY(-50%)
}

.collection-title-style4__nav-text {
    display: flex;
    justify-content: center;
    align-items: center
}

.collection-title-style4__nav-text a {
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 500;
    text-transform: capitalize;
    padding-bottom: .3rem;
    transition: .3s;
    position: relative
}

@media (min-width: 768px) {
    .collection-title-style4__nav-text a {
        font-size: calc(var(--font-body-scale)*2rem)
    }
}

.collection-title-style4__nav-text a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: 0;
    height: .2rem;
    background-color: rgba(var(--color-foreground), .7);
    transition: .3s
}

.collection-title-style4__nav-text a:hover {
    color: rgba(var(--color-foreground), .7)
}

.collection-title-style4__nav-text a:hover:after {
    width: 3.6rem
}

.collection-title-style4__arrow-left,
.collection-title-style4__arrow-right {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: rgba(var(--color-foreground));
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: .3s;
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 9
}

.collection-title-style4__arrow-left button,
.collection-title-style4__arrow-right button {
    all: unset;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.collection-title-style4__arrow-left svg,
.collection-title-style4__arrow-right svg {
    color: rgba(var(--color-background))
}

.collection-title-style4__arrow-left {
    left: 0;
    transform: translate(-2rem, -50%)
}

.collection-title-style4__arrow-right {
    right: 0;
    transform: translate(2rem, -50%)
}

.collection-title-style4__arrow-left:hover,
.collection-title-style4__arrow-right:hover {
    background-color: rgba(var(--color-background))
}

.collection-title-style4__arrow-left:hover svg,
.collection-title-style4__arrow-right:hover svg {
    color: rgba(var(--color-foreground))
}

.collection-title-style5__carousel {
    margin-top: .5rem
}

@media (min-width: 768px) {
    .collection-title-style5__carousel {
        margin-top: 2.5rem
    }
}

.collection-title-style5__carousel:hover .collection-title-style5__arrow-left,
.collection-title-style5__carousel:hover .collection-title-style5__arrow-right {
    opacity: 1;
    transform: translate(0)
}

.collection-title-style5__nav {
    display: flex;
    flex-direction: column;
    align-items: center
}

.collection-title-style5__nav-img {
    position: relative;
    padding: 1rem
}

.collection-title-style5__nav-img .xo-image {
    width: 12rem;
    height: 12rem;
    border-radius: 50%
}

@media (min-width: 768px) {
    .collection-title-style5__nav-img {
        padding: 3rem
    }
}

.collection-title-style5__nav-img:hover:before,
.collection-title-style5__nav-img:hover:after {
    width: 11.5rem;
    height: 11.5rem;
    position: absolute;
    content: "";
    left: calc(50% - 5.75rem);
    top: calc(50% - 5.75rem);
    background: #ffffff80;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: -1;
    animation-name: k;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}

.collection-title-style5__nav-img:hover:after {
    animation-delay: 1s
}

@keyframes k {
    0% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(1.5);
        opacity: 0
    }
}

.collection-title-style5__nav-text a {
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 500;
    text-transform: capitalize;
    transition: .3s
}

@media (min-width: 768px) {
    .collection-title-style5__nav-text a {
        font-size: calc(var(--font-body-scale)*2rem)
    }
}

.collection-title-style5__nav-text a:hover {
    color: rgba(var(--color-foreground), .7)
}

.collection-title-style5__arrow-left,
.collection-title-style5__arrow-right {
    display: none
}

@media (min-width: 768px) {

    .collection-title-style5__arrow-left,
    .collection-title-style5__arrow-right {
        display: block;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        background-color: rgba(var(--color-foreground));
        transition: .3s;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        position: absolute;
        top: 34%;
        cursor: pointer;
        z-index: 9
    }
}

.collection-title-style5__arrow-left button,
.collection-title-style5__arrow-right button {
    all: unset;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.collection-title-style5__arrow-left svg,
.collection-title-style5__arrow-right svg {
    color: rgba(var(--color-background))
}

.collection-title-style5__arrow-left {
    left: 0;
    transform: translate(-2rem)
}

.collection-title-style5__arrow-right {
    right: 0;
    transform: translate(2rem)
}

.collection-title-style5__arrow-left:hover,
.collection-title-style5__arrow-right:hover {
    background-color: rgba(var(--color-background))
}

.collection-title-style5__arrow-left:hover svg,
.collection-title-style5__arrow-right:hover svg {
    color: rgba(var(--color-foreground))
}

.xo-facets {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2rem;
    height: -moz-fit-content;
    height: fit-content
}

.xo-facets__toggle {
    display: none
}

@media (min-width: 992px) {
    .xo-facets__toggle {
        display: block;
        position: relative
    }

    .xo-facets__toggle button {
        all: unset;
        cursor: pointer;
        width: 3.4rem;
        height: 3.4rem;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        border: .2rem solid rgba(var(--color-foreground), .5);
        transition: .3s
    }

    .xo-facets__toggle svg .cls-1 {
        fill: rgba(var(--color-foreground))
    }
}

.xo-facets__toggle:hover .xo-facets__toggle-content {
    transform: translate(-2.5rem);
    opacity: 1;
    visibility: visible
}

.xo-facets__toggle:hover button {
    border-color: rgba(var(--color-foreground))
}

.xo-facets__toggle xo-toggle-trigger[xo-active]:not([xo-active=false]) button {
    border-color: rgba(var(--color-foreground))
}

.xo-facets__toggle-content {
    position: absolute;
    top: 0;
    left: -18rem;
    opacity: 0;
    transition: .3s;
    visibility: hidden
}

.xo-facets__toggle-content[xo-active]:not([xo-active=false]) {
    transform: translate(-2.5rem);
    opacity: 1;
    visibility: visible
}

.xo-facets__group-button {
    display: flex;
    gap: .5rem
}

.xo-facets__button-item {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    border: .1rem solid rgba(var(--color-foreground), .3);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s;
    color: rgba(var(--color-foreground));
    background-color: rgba(var(--color-background));
    cursor: pointer;
    line-height: 0
}

.xo-facets__button-item:hover {
    background-color: rgba(var(--color-foreground));
    border-color: rgba(var(--color-foreground));
    color: rgba(var(--color-background))
}

.xo-facets__button-item[xo-active]:not([xo-active=false]) {
    background-color: rgba(var(--color-foreground));
    border-color: rgba(var(--color-foreground));
    color: rgba(var(--color-background))
}

.xo-facets__item {
    display: flex;
    align-items: center;
    gap: 2.6rem
}

.xo-facets__filters {
    padding-top: 5.4rem
}

.xo-field-price__range {
    margin-bottom: 1.7rem
}

.xo-field-price__range xo-range-progress {
    background-color: rgb(var(--color-foreground))
}

.xo-field-price__range xo-range-thumb {
    width: 2rem;
    height: 2rem;
    background-color: rgb(var(--color-foreground))
}

.xo-field-price__range xo-range-thumb:after {
    content: "";
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: rgb(var(--color-background));
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.xo-field-price__input-group {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    color: rgba(var(--color-foreground))
}

.xo-field-price__label {
    color: rgba(var(--color-foreground), .8)
}

.xo-field-price__text {
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 500
}

.fieldset-block__header {
    padding: .6rem 0 .6rem 1.4rem;
    border-left: .3rem solid rgba(var(--color-foreground));
    white-space: nowrap
}

.fieldset-block__title {
    font-size: calc(var(--font-heading-scale)*1.6rem);
    letter-spacing: calc(var(--font-heading-scale)*.2rem);
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    padding-right: 1.5rem;
    margin-bottom: 0
}

.fieldset-block__title:after {
    content: "";
    border-bottom: .1rem solid rgba(var(--color-foreground), .1);
    width: 32rem;
    position: absolute;
    top: 50%;
    left: 100%
}

.fieldset-block__content {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1rem;
    -moz-column-gap: 1.2rem;
    column-gap: 1.2rem;
    padding-top: 3rem;
    padding-bottom: 4rem
}

.fieldset-block__content--column {
    flex-direction: column;
    flex-wrap: nowrap
}

.fieldset-block__content--color {
    row-gap: .5rem;
    -moz-column-gap: .6rem;
    column-gap: .6rem;
    padding-left: .8rem;
    padding-right: .8rem
}

.fieldset-block__content--scroll {
    max-height: 22rem;
    overflow-y: auto
}

.fieldset-block__content--scroll::-webkit-scrollbar {
    width: .3rem;
    background-color: rgba(var(--color-foreground), .08)
}

.fieldset-block__content--scroll::-webkit-scrollbar-thumb {
    background-color: rgba(var(--color-foreground), .12)
}

.fieldset-block__content--scroll::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--color-foreground))
}

.xo-fieldset-popover__trigger {
    display: flex;
    align-items: center;
    gap: .3rem;
    cursor: pointer
}

.xo-fieldset-popover__label {
    font-weight: 500;
    letter-spacing: -.032rem;
    color: rgba(var(--color-foreground), .8)
}

.xo-fieldset-popover__popover {
    min-width: 25rem;
    padding: 2rem 2.7rem;
    background-color: rgb(var(--color-background));
    border: .1rem solid rgba(var(--color-foreground), .15)
}

.xo-fieldset-popover__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1.6rem;
    border-bottom: .1rem solid rgba(var(--color-foreground), .15)
}

.xo-fieldset-popover__caption {
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    color: rgba(var(--color-foreground), .5);
    flex-shrink: 0
}

.xo-fieldset-popover__content {
    display: flex;
    flex-direction: column;
    gap: .7rem;
    padding-top: 1.5rem
}

.xo-filters-refine {
    margin-bottom: 2rem
}

.xo-filters-refine[xo-empty]:not([xo-empty=false]) {
    display: none
}

.xo-filters-refine xo-filters-clear {
    background-color: rgba(var(--color-foreground), .1);
    border-radius: .5rem;
    padding: .6rem 1.2rem .6rem 1rem;
    font-size: 1.5rem;
    color: rgba(var(--color-foreground));
    transition: .3s;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    gap: .6rem;
    line-height: 0;
    font-weight: 500
}

.xo-filters-refine xo-filters-clear svg {
    line-height: 0
}

.xo-filters-refine xo-filters-clear:hover {
    background-color: rgba(var(--color-foreground));
    color: rgba(var(--color-background))
}

.xo-filters-refine xo-filters-clear[xo-clear-all] {
    color: rgba(var(--color-foreground), .5);
    text-decoration: underline;
    background: unset;
    text-transform: capitalize;
    margin-left: 1.2rem;
    transition: .3s
}

.xo-filters-refine xo-filters-clear[xo-clear-all]:hover {
    color: rgba(var(--color-foreground))
}

.main-collection-mobile__trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    border: .2rem solid rgba(var(--color-foreground), .5);
    border-radius: var(--buttons-radius);
    padding: 1rem 2rem;
    cursor: pointer;
    transition: .3s
}

@media (min-width: 768px) {
    .main-collection-mobile__trigger {
        display: none
    }
}

.main-collection-mobile__trigger:hover {
    background-color: rgba(var(--color-foreground));
    border: .2rem solid rgba(var(--color-foreground))
}

.main-collection-mobile__trigger:hover .main-collection-mobile__trigger-text {
    color: rgba(var(--color-background))
}

.main-collection-mobile__trigger:hover svg {
    color: rgba(var(--color-background))
}

.main-collection-mobile__trigger-text {
    font-size: calc(var(--font-body-scale)*1.5rem);
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: calc(var(--font-body-scale)*.1rem);
    line-height: 0;
    color: rgba(var(--color-foreground))
}

.main-collection-mobile__modal-wrap {
    width: 100%;
    padding: 4.8rem;
    background-color: rgba(var(--color-background));
    position: relative
}

@media (min-width: 576px) {
    .main-collection-mobile__modal-wrap {
        width: 41.5rem
    }
}

@media (min-width: 768px) {
    .main-collection-mobile__modal-wrap {
        display: none
    }
}

.main-collection-mobile__modal {
    overflow-x: hidden
}

.main-collection-mobile__modal-close {
    cursor: pointer;
    position: absolute;
    top: 1rem
}

[dir=ltr] .main-collection-mobile__modal-close {
    right: 1rem
}

[dir=rtl] .main-collection-mobile__modal-close {
    left: 1rem
}

.main-collection-mobile__modal-close button {
    all: unset;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: .3s
}

.main-collection-mobile__modal-close svg {
    color: rgba(var(--color-foreground));
    line-height: 0
}

.main-collection-mobile__modal-close:hover button {
    background-color: rgba(var(--color-foreground));
    rotate: 180deg
}

.main-collection-mobile__modal-close:hover svg {
    color: rgba(var(--color-background))
}

.main-collection-style1__header {
    padding-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (min-width: 768px) {
    .main-collection-style1__header {
        justify-content: flex-end;
        padding-bottom: 3rem
    }
}

@media (max-width: 767px) {
    .main-collection-style1__sidebar {
        display: none
    }
}

.main-collection-style2__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2rem
}

@media (min-width: 768px) {
    .main-collection-style2__header {
        padding-bottom: 3rem
    }
}

.main-collection-style2__trigger {
    display: none
}

@media (min-width: 768px) {
    .main-collection-style2__trigger {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        border: .2rem solid rgba(var(--color-foreground), .5);
        border-radius: var(--buttons-radius);
        padding: 1rem 2rem;
        cursor: pointer;
        transition: .3s
    }
}

.main-collection-style2__trigger svg {
    font-weight: 700
}

.main-collection-style2__trigger.xo-active {
    background-color: rgba(var(--color-foreground));
    border-color: rgba(var(--color-foreground))
}

.main-collection-style2__trigger.xo-active .main-collection-style2__trigger-text {
    color: rgba(var(--color-background))
}

.main-collection-style2__trigger.xo-active svg {
    color: rgba(var(--color-background))
}

.main-collection-style2__trigger[xo-active]:not([xo-active=false]) {
    background-color: rgba(var(--color-foreground));
    border-color: rgba(var(--color-foreground))
}

.main-collection-style2__trigger[xo-active]:not([xo-active=false]) .main-collection-style2__trigger-text {
    color: rgba(var(--color-background))
}

.main-collection-style2__trigger[xo-active]:not([xo-active=false]) svg {
    color: rgba(var(--color-background))
}

.main-collection-style2__trigger:hover {
    background-color: rgba(var(--color-foreground));
    border-color: rgba(var(--color-foreground))
}

.main-collection-style2__trigger:hover .main-collection-style2__trigger-text {
    color: rgba(var(--color-background))
}

.main-collection-style2__trigger:hover svg {
    color: rgba(var(--color-background))
}

.main-collection-style2__trigger-text {
    font-size: calc(var(--font-body-scale)*1.5rem);
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: calc(var(--font-body-scale)*.1rem);
    line-height: 0;
    color: rgba(var(--color-foreground))
}

.main-collection-style2__modal-wrap {
    display: none;
    position: relative
}

@media (min-width: 768px) {
    .main-collection-style2__modal-wrap {
        display: block;
        width: 41.5rem;
        padding: 4.8rem;
        background-color: rgba(var(--color-background))
    }
}

.main-collection-style2__modal {
    overflow-x: hidden
}

.main-collection-style2__modal-close {
    cursor: pointer;
    position: absolute;
    top: 1rem
}

[dir=ltr] .main-collection-style2__modal-close {
    right: 1rem
}

[dir=rtl] .main-collection-style2__modal-close {
    left: 1rem
}

.main-collection-style2__modal-close button {
    all: unset;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: .3s
}

.main-collection-style2__modal-close svg {
    color: rgba(var(--color-foreground));
    line-height: 0
}

.main-collection-style2__modal-close:hover button {
    background-color: rgba(var(--color-foreground));
    rotate: 180deg
}

.main-collection-style2__modal-close:hover svg {
    color: rgba(var(--color-background))
}

.main-collection-style2__grid {
    display: flex;
    justify-content: space-between
}

.main-collection-style2__grid.xo-active {
    display: flex
}

.main-collection-style2__grid.xo-active .main-collection-style2__sidebar {
    visibility: visible;
    opacity: 1;
    width: 32rem;
    margin-right: 3rem
}

.main-collection-style2__grid.xo-active .main-collection-style2__content-wrap {
    width: calc(100% - 35rem)
}

.main-collection-style2__sidebar {
    width: 0;
    opacity: 0;
    transition: .3s;
    overflow-x: hidden;
    visibility: hidden
}

.main-collection-style2__content-wrap {
    width: 100%;
    transition: .3s
}

.main-collection-style2__collapse-wrap {
    display: none
}

@media (min-width: 768px) {
    .main-collection-style2__collapse-wrap {
        display: grid;
        padding: 3rem 6rem;
        margin-bottom: 2rem;
        border: .1rem solid rgba(var(--color-foreground), .1)
    }
}

.main-collection-style2__collapse {
    overflow-x: hidden
}

.main-collection-style2__collapse .collection-sidebar__menu {
    max-height: 22rem;
    overflow-y: auto;
    overflow-x: hidden
}

.main-collection-style2__collapse .collection-sidebar__menu::-webkit-scrollbar {
    width: .3rem;
    background-color: rgba(var(--color-foreground), .08)
}

.main-collection-style2__collapse .collection-sidebar__menu::-webkit-scrollbar-thumb {
    background-color: rgba(var(--color-foreground), .12)
}

.main-collection-style2__collapse .collection-sidebar__menu::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--color-foreground))
}

.about-star__list-star {
    display: flex;
    list-style: none;
    gap: .5rem;
    padding: 0;
    margin: 0
}

.buy-button {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem
}

.buy-button__add {
    flex: 1
}

.buy-button__add button {
    height: 5rem
}

.buy-button__add .xo-btn__text {
    font-size: calc(var(--font-body-scale)*1.3rem)
}

.buy-button__now {
    width: 100%
}

.shopify-payment-button__button {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: calc((1 + (var(--buttons-scale) - 1)/2)*1.3rem) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: .28rem !important;
    background: rgb(var(--color-foreground)) !important;
    color: rgb(var(--color-background)) !important;
    cursor: pointer !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
    border-radius: var(--buttons-radius) !important;
    box-shadow: var(--buttons-shadow-horizontal-offset) var(--buttons-shadow-vertical-offset) var(--buttons-shadow-blur-radius) rgba(var(--color-shadow), var(--buttons-shadow-opacity)) !important;
    border: .2rem solid rgba(var(--color-foreground)) !important;
    padding: .6rem calc(var(--buttons-scale)*2.6rem) !important;
    min-height: calc(var(--buttons-scale)*4rem) !important;
    overflow: hidden !important;
    transition: .3s !important;
    height: 5rem !important;
    text-transform: uppercase !important
}

.shopify-payment-button__button--unbranded:hover:not([disabled]) {
    color: rgba(var(--color-foreground)) !important;
    background-color: rgba(var(--color-background)) !important
}

.shopify-payment-button__button--hidden {
    display: none !important
}

.buy-button__policy {
    display: flex;
    gap: .4rem
}

.buy-button__modal {
    z-index: 10001
}

.buy-button__modal-content {
    position: relative;
    width: 90vw;
    background-color: #fff;
    border-radius: var(--modal-corner-radius)
}

@media (min-width: 768px) {
    .buy-button__modal-content {
        width: 80rem
    }
}

.buy-button__modal-header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: solid .1rem rgba(var(--color-foreground), .1);
    height: 6rem
}

.buy-button__modal-title {
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*2rem);
    font-weight: 500
}

.buy-button__modal-close {
    cursor: pointer;
    position: absolute;
    top: 1rem
}

[dir=ltr] .buy-button__modal-close {
    right: 1rem
}

[dir=rtl] .buy-button__modal-close {
    left: 1rem
}

.buy-button__modal-close button {
    all: unset;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: .3s
}

.buy-button__modal-close svg {
    color: rgba(var(--color-foreground));
    line-height: 0
}

.buy-button__modal-close:hover button {
    background-color: rgba(var(--color-foreground));
    rotate: 180deg
}

.buy-button__modal-close:hover svg {
    color: rgba(var(--color-background))
}

.buy-button__modal-body {
    padding: 3rem
}

.buy-button__modal-body h5 {
    margin: 0
}

@media (min-width: 768px) {
    .buy-button__modal-body {
        padding: 4rem
    }
}

.carousel-navigation-style2__wrap {
    display: var(--display-mobile);
    position: absolute;
    top: -6.3rem;
    right: 0;
    z-index: 9;
    transition: .3s;
    gap: .8rem
}

@media (min-width: 768px) {
    .carousel-navigation-style2__wrap {
        display: var(--display-desktop)
    }
}

.carousel-navigation-style2__wrap--collapse {
    position: static;
    justify-content: flex-end
}

.carousel-navigation-style2__arrow button {
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    border: solid .1rem rgba(var(--color-foreground), .1);
    background-color: rgba(var(--color-background));
    transition: .3s
}

.carousel-navigation-style2__arrow svg {
    color: rgba(var(--color-foreground))
}

.carousel-navigation-style2__arrow:hover button {
    background-color: rgba(var(--color-foreground))
}

.carousel-navigation-style2__arrow:hover svg {
    color: rgba(var(--color-background))
}

.carousel-navigation-style2__line {
    position: relative
}

.carousel-navigation-style2__line:before {
    display: var(--display-mobile);
    content: "";
    position: absolute;
    bottom: 1.6rem;
    left: 0;
    width: calc(100% - 9rem);
    height: .1rem;
    background-color: rgba(var(--color-foreground), .1)
}

@media (min-width: 768px) {
    .carousel-navigation-style2__line:before {
        display: var(--display-desktop)
    }
}

.carousel-pagination-style2__pagination {
    display: var(--display-mobile);
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .6rem;
    width: 100%;
    z-index: 9
}

@media (min-width: 768px) {
    .carousel-pagination-style2__pagination {
        display: var(--display-desktop);
        gap: 1rem
    }
}

.carousel-pagination-style2__pagination xo-carousel-bullet[xo-active]:not([xo-active=false]) .carousel-pagination-style2__bullet {
    background-color: rgba(var(--color-foreground))
}

.carousel-pagination-style2__bullet {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: rgba(var(--color-foreground), .2);
    transition: .3s
}

@media (min-width: 768px) {
    .carousel-pagination-style2__bullet {
        width: .8rem;
        height: .8rem
    }
}

.xo-collapse-style2__trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding-bottom: .7rem;
    border-bottom: .1rem solid rgba(var(--color-foreground), .1)
}

.xo-collapse-style2__trigger-option {
    font-weight: 500;
    font-size: 1.8rem;
    letter-spacing: .01em;
    color: rgba(var(--color-foreground))
}

.xo-collapse-style2__trigger-option--blur {
    color: rgba(var(--color-foreground), .3)
}

.xo-collapse-style2__trigger-icon {
    display: flex;
    align-items: center;
    transition: .3s
}

.xo-collapse-style2__trigger-icon svg {
    color: rgba(var(--color-foreground))
}

.xo-collapse-style2__trigger[xo-active]:not([xo-active=false]) .xo-collapse-style2__trigger-option--blur {
    color: rgba(var(--color-foreground), .8)
}

.xo-collapse-style2__trigger[xo-active]:not([xo-active=false]) .xo-collapse-style2__trigger-icon {
    transform: rotate(180deg)
}

.xo-collapse-style2__body {
    display: flex;
    flex-direction: column;
    gap: .8rem
}

.xo-collapse-style2__content:first-child {
    padding-top: 1.6rem
}

.xo-collapse-style2__detail-item {
    display: flex;
    gap: 1.1rem
}

.xo-collapse-style2__detail-item:last-child {
    padding-bottom: 2rem
}

.xo-collapse-style2__detail-item-number {
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: .02em;
    color: rgba(var(--color-foreground), .3)
}

.xo-collapse-style2__detail-item-title {
    letter-spacing: .02em;
    color: rgba(var(--color-foreground), .6)
}

.xo-field-color-style2 {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 50%;
    transition: .3s
}

.xo-field-color-style2:hover .xo-field-color-style2__item {
    box-shadow: 0 0 #000, 0 .8rem 2rem #0003, inset 0 0 0 .4rem #fff;
    border: solid .1rem rgba(var(--color-border))
}

.xo-field-color-style2__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    border: solid .1rem rgba(var(--color-border), .1);
    background-color: var(--color);
    background-image: var(--image-src);
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
    overflow: hidden;
    transition: .3s
}

.xo-field-color-style2__item .xo-image {
    width: 100px
}

.xo-field-color-style2__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .3s
}

.xo-field-color-style2__input {
    display: none
}

.xo-field-color-style2__input:checked~.xo-field-color-style2__image {
    border: .1rem solid rgba(var(--color-foreground))
}

.xo-field-color-style2__input:checked~.xo-field-color-style2__item {
    box-shadow: 0 0 #000, 0 .8rem 2rem #0003, inset 0 0 0 .4rem #fff;
    border: solid .1rem rgba(var(--color-border))
}

.xo-field-color-style2__label {
    margin-inline-start: .8rem
}

.xo-field-color-style2__image {
    width: 6rem
}

.xo-field-color-style2__image img {
    height: 100%
}

/*# sourceMappingURL=/cdn/shop/t/4/assets/style.css.map?v=134771399899221097161739330231 */



footer.xo-section.xo-section--sections--24086809641266__footer.color-background-1 {
    background: #4296cc !important;
}

.footer-v31-block__heading {
    color: #ffffff !important;
}

.footer-v31-block__list-item a {
    color: #fff !important;
}

.social-footer-v31__link {
    border: .1rem solid #fff !important;
}

.social-footer-v31__link svg path {
    fill: #fff !important;
}


.footer-v31-block__title {
    color: #fff !important;
}

.footer-v31-block__subtext {
    color: #fff !important;
}

.xo-field-input__input {
    background-color: #daa520a8 !important;
}

.xo-image h2 {
    font-size: 20px !important;
    color: #fff !important;
    width: 200px !important;
}

.footer-v31__copyright {
    color: #fff;
    font-family: ariel sans-serif;
}


.footer-v31__button-email {
    background-color: #ff2424 !important;
}

/* .footer-v31__content-top {
    border-color: goldenrod !important;
} */

.xo-price__item--accent {
    color: goldenrod !important;
}

.xo-product-card__title {
    color: #ff2424 !important;
}

/* .banner-v172 .countdown3__circle {
    background: red !important;
}

.banner-v172 .countdown3__circle xo-countdown-day {
    color: goldenrod !important;
} */

/* .xo-btn--link.xo-btn--light .xo-btn__text[data-text]:after {
    color: goldenrod !important;
} */

/* .xo-btn--link.xo-btn--light .xo-btn__content {
    color: goldenrod !important;
}

.slideshow-v22__title {
    color: goldenrod !important;
}

.slideshow-v22__description {
    color: goldenrod !important;
} */

.header-v14--transparent xo-sticky[xo-is-sticky] .header-v14__sticky {
    background-color: #4296cc !important;
}

.social-footer-v31__link:hover {
    background-color: goldenrod !important;
}

.xo-product-card__title a:hover {
    color: goldenrod !important;
}

.xo-price__item--del {
    color: #ff2424 !important;
}

.collection-v49__content {
    background-color: #ff2424ba !important
}

.collection-v49__title {
    color: #fff !important;
}

.collection-v49__sub {
    color: #fff !important;
}

.countdown__circle {
    background-color: #4697ca !important;
}


.xo-btn--link.xo-btn--light .xo-btn__text[data-text]:after {
    color: #fff !important;
}

.xo-btn--light .xo-btn__text[data-text]:before,
.xo-btn--light .xo-btn__text[data-text]:after {
    color: #fff !important;
}

.xo-btn--light {
    background-color: #ff2424 !important;
}

.banner-v172 .countdown3__circle {
    background: #4697ca !important;
}

.product-v12__arrow-btn {
    background-color: #4697ca !important;
}

.product-v12__arrow-btn svg {
    color: #fff !important;
}

span.xo-btn__icon {
    color: #fff !important;
}

a#xo-scroll-top {
    background: #4697ca !important;
}

.instagram-v3__heading {
    background-color: #4697ca !important;
}

h2.instagram-v3__title {
    color: #fff !important;
}

xo-countdown-minute {
    color: #fff !important;
}

xo-countdown-hour {
    color: #fff;
}

xo-countdown-day {
    color: #fff !important;
}

.banner-v172 .countdown3__circle {
    color: #fff !important;
}

.banner-v172__title {
    color: #fd1f2d !important;
}

.header-v14__logo a {
    color: #0040ff !important;
    font-size: 36px !important;
}

span.xo-btn__text {
    padding: 0 10px;
}

.logo-img {
    width: 200px;
    /* border-radius: 20px; */
        filter: brightness(0) invert(1);
}

.footer-v31-block__list-item:hover a {
    color: goldenrod !important;
}

.banner-advertise-v4__box {
    background-color: #ff2424ba !important;
}

.xo-btn--link.xo-btn--dark .xo-btn__text[data-text]:before,
.xo-btn--link.xo-btn--dark .xo-btn__text[data-text]:after {
    color: #fff !important;
}

.banner-advertise-v4__title {
    color: #fff !important;
}

/*scroll*/
::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-thumb {
  background: goldenrod;
  border-color: goldenrod;
  border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #000001;
}